/* group-actions.html */
/* ===== fraud page: added sections ===== */
.ponzi-explain-section{background:linear-gradient(135deg,#0f172a 0%,#0b1220 60%, #0f172a 100%); padding:5rem 0; position:relative; overflow:hidden;}
.ponzi-explain-section:before{content:""; position:absolute; inset:-40% -20%; background:radial-gradient(circle at 20% 30%, rgba(98,191,202,0.22), transparent 55%); pointer-events:none;}
.ponzi-explain-section:after{content:""; position:absolute; inset:-40% -20%; background:radial-gradient(circle at 80% 70%, rgba(200,168,78,0.18), transparent 55%); pointer-events:none;}
.ponzi-explain-grid{display:grid; grid-template-columns: 1.05fr 0.95fr; gap:3rem; align-items:center; position:relative; z-index:1;}
.ponzi-kicker{display:inline-flex; align-items:center; gap:.5rem; padding:.5rem 1rem; border-radius:999px; background:rgba(98,191,202,0.12); border:1px solid rgba(98,191,202,0.25); color:#62BFCA; font-weight:800; font-size:.85rem; letter-spacing:.08em; text-transform:uppercase;}
.ponzi-explain-title{color:#fff; font-weight:900; line-height:1.15; font-size:2.4rem; margin:.9rem 0 1rem;}
.ponzi-explain-lead{color:rgba(255,255,255,0.82); font-size:1.05rem; line-height:1.75; max-width: 56ch;}
.ponzi-points{margin-top:1.6rem; display:grid; gap:.9rem;}
.ponzi-point{display:flex; gap:.85rem; align-items:flex-start; padding:1rem 1rem; border-radius:14px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.10);}
.ponzi-point svg{flex:0 0 auto; margin-top:.15rem;}
.ponzi-point b{color:#fff;}
.ponzi-point span{color:rgba(255,255,255,0.78); line-height:1.6; display:block; margin-top:.15rem;}
.ponzi-cta-row{margin-top:1.8rem; display:flex; flex-wrap:wrap; gap:1rem; align-items:center;}
.ponzi-cta-row .btn{display:inline-flex; align-items:center; gap:.6rem;}
.ponzi-trust{color:rgba(255,255,255,0.65); font-size:.92rem;}
.ponzi-visual{position:relative; border-radius:18px; overflow:hidden; box-shadow:0 18px 48px rgba(0,0,0,0.35); border:1px solid rgba(255,255,255,0.12);}
.ponzi-visual img{display:block; width:100%; height:520px; object-fit:cover; transform:scale(1.02);}
.ponzi-visual-overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,23,42,0.05) 0%, rgba(15,23,42,0.85) 78%);}
.ponzi-visual-badge{position:absolute; left:18px; top:18px; display:inline-flex; align-items:center; gap:.6rem; background:rgba(15,23,42,0.72); border:1px solid rgba(98,191,202,0.25); border-radius:999px; padding:.55rem .9rem; color:#fff; font-weight:800; font-size:.85rem;}
.ponzi-visual-badge svg{stroke:#62BFCA;}
.ponzi-visual-caption{position:absolute; left:18px; right:18px; bottom:18px; padding:1rem 1rem; border-radius:14px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.12); backdrop-filter: blur(6px);}
.ponzi-visual-caption b{color:#fff;}
.ponzi-visual-caption p{margin:.35rem 0 0; color:rgba(255,255,255,0.78); line-height:1.55; font-size:.95rem;}
.ponzi-process-section{background:#ffffff; padding:5rem 0;}
.ponzi-process-steps{display:grid; gap:1.25rem; margin-top:2rem;}
.ponzi-step{display:flex; gap:1.25rem; padding:1.35rem 1.35rem; border-radius:16px; background:#f8fafc; border:1px solid #e5e7eb; box-shadow:0 8px 22px rgba(15,23,42,0.06);}
.ponzi-step-num{width:46px; height:46px; border-radius:14px; background:#0f172a; color:#62BFCA; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:1.15rem; flex:0 0 auto;}
.ponzi-step h4{margin:0 0 .35rem; font-weight:900; color:#0f172a; font-size:1.08rem;}
.ponzi-step p{margin:0; color:#64748b; line-height:1.75; font-size:1rem;}
.ponzi-process-grid{display:grid; grid-template-columns: 1fr 1fr; gap:3.5rem; align-items:center;}
.ponzi-process-image{position:relative; border-radius:18px; overflow:hidden; box-shadow:0 16px 44px rgba(15,23,42,0.14); border:1px solid rgba(15,23,42,0.10);}
.ponzi-process-image img{width:100%; height:520px; object-fit:cover; display:block;}
.ponzi-process-image .badge{position:absolute; right:16px; bottom:16px; background:#0f172a; color:#fff; border:1px solid rgba(98,191,202,0.35); border-radius:999px; padding:.6rem 1rem; font-weight:800; display:flex; align-items:center; gap:.55rem;}
.ponzi-process-image .badge svg{stroke:#62BFCA;}
@media (max-width: 980px){
.ponzi-explain-grid, .ponzi-process-grid{grid-template-columns: 1fr; gap:2rem;}
.ponzi-visual img, .ponzi-process-image img{height:380px;}
.ponzi-explain-title{font-size:2.05rem;}
}
@media (max-width: 560px){
.ponzi-explain-section, .ponzi-process-section{padding:4rem 0;}
.ponzi-point{padding:.9rem .9rem;}
.ponzi-step{padding:1.1rem 1.1rem;}
}
/* ===== Interactive hover + tap effects (matched to Our Approach cards) ===== */
/* --- What is a fraud Scheme? (left-column boxes) --- */
.ponzi-point{
position: relative;
overflow: hidden;
transition: transform .28s ease, box-shadow .28s ease, background .28s ease, border-color .28s ease;
will-change: transform;
}
/* glass glow layer */
.ponzi-point::before{
content:"";
position:absolute;
inset:-2px;
opacity:0;
pointer-events:none;
background:
radial-gradient(120px 120px at 20% 20%, rgba(98,191,202,0.26), transparent 60%),
radial-gradient(140px 140px at 85% 75%, rgba(200,168,78,0.22), transparent 62%),
linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.02));
filter: blur(10px);
transition: opacity .28s ease;
}
.ponzi-point:hover{
transform: translateY(-6px);
background: rgba(255,255,255,0.10);
border-color: rgba(255,255,255,0.18);
box-shadow: 0 14px 32px rgba(0,0,0,0.35);
}
.ponzi-point:hover::before{ opacity:1; }
/* icon colour shift + subtle emphasis */
.ponzi-point svg{
transition: transform .28s ease, stroke .28s ease, opacity .28s ease;
}
.ponzi-point:hover svg{
stroke: #c8a84e;
transform: translateY(-1px);
opacity: 0.98;
}
.ponzi-point b{
transition: color .28s ease;
}
.ponzi-point:hover b{ color:#ffffff; }
/* --- Our Process steps (left-column boxes) --- */
.ponzi-step{
position: relative;
overflow: hidden;
transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
will-change: transform;
}
.ponzi-step::before{
content:"";
position:absolute;
inset:-2px;
opacity:0;
pointer-events:none;
background:
radial-gradient(140px 140px at 18% 25%, rgba(98,191,202,0.20), transparent 60%),
radial-gradient(160px 160px at 85% 80%, rgba(200,168,78,0.16), transparent 62%),
linear-gradient(135deg, rgba(255,255,255,0.75), rgba(255,255,255,0.00));
filter: blur(14px);
transition: opacity .28s ease;
}
.ponzi-step:hover{
transform: translateY(-6px);
border-color: rgba(98,191,202,0.45);
background: #ffffff;
box-shadow: 0 18px 44px rgba(15,23,42,0.14);
}
.ponzi-step:hover::before{ opacity:1; }
/* number glow on hover */
.ponzi-step-num{
transition: box-shadow .28s ease, transform .28s ease, background .28s ease, color .28s ease;
}
.ponzi-step:hover .ponzi-step-num{
box-shadow:
0 10px 24px rgba(15,23,42,0.28),
0 0 0 6px rgba(98,191,202,0.16);
transform: translateY(-1px);
}
/* --- Mobile tap micro-interactions (no-hover devices) --- */
@media (hover: none){
.ponzi-point:active{
transform: translateY(-4px);
background: rgba(255,255,255,0.10);
border-color: rgba(255,255,255,0.18);
box-shadow: 0 12px 26px rgba(0,0,0,0.30);
}
.ponzi-point:active::before{ opacity:1; }
.ponzi-point:active svg{ stroke:#c8a84e; transform: translateY(-1px); }
.ponzi-step:active{
transform: translateY(-4px);
border-color: rgba(98,191,202,0.45);
background:#ffffff;
box-shadow: 0 16px 36px rgba(15,23,42,0.13);
}
.ponzi-step:active::before{ opacity:1; }
.ponzi-step:active .ponzi-step-num{
box-shadow:
0 10px 22px rgba(15,23,42,0.26),
0 0 0 6px rgba(98,191,202,0.16);
transform: translateY(-1px);
}
}
/* ===== Funds Recovery Leverage (new section) ===== */
.recovery-leverage-section{
background: linear-gradient(135deg,#0b1220 0%, #0f172a 55%, #0b1220 100%);
padding: 5rem 0;
position: relative;
overflow: hidden;
}
.recovery-leverage-section::before{
content:"";
position:absolute;
inset:-40% -20%;
background: radial-gradient(circle at 25% 25%, rgba(200,168,78,0.22), transparent 55%);
pointer-events:none;
}
.recovery-leverage-section::after{
content:"";
position:absolute;
inset:-40% -20%;
background: radial-gradient(circle at 80% 70%, rgba(98,191,202,0.20), transparent 55%);
pointer-events:none;
}
.recovery-leverage-grid{
display:grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 3rem;
align-items: center;
position: relative;
z-index: 1;
}
.recovery-kicker{
display:inline-flex;
align-items:center;
gap:.55rem;
padding:.55rem 1rem;
border-radius:999px;
background: rgba(200,168,78,0.12);
border: 1px solid rgba(200,168,78,0.25);
color: #c8a84e;
font-weight: 800;
font-size: .85rem;
letter-spacing: .08em;
text-transform: uppercase;
}
.recovery-leverage-title{
color:#fff;
font-weight: 950;
line-height: 1.15;
font-size: 2.35rem;
margin: .9rem 0 1rem;
}
.recovery-leverage-lead{
color: rgba(255,255,255,0.82);
font-size: 1.05rem;
line-height: 1.75;
max-width: 60ch;
}
.recovery-pill-row{
margin-top: 1.35rem;
display:flex;
flex-wrap:wrap;
gap:.6rem;
}
.recovery-pill{
padding:.45rem .75rem;
border-radius:999px;
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.12);
color: rgba(255,255,255,0.78);
font-weight: 700;
font-size: .9rem;
}
.recovery-card-stack{
display:grid;
gap: 1rem;
}
.recovery-card{
position: relative;
overflow:hidden;
border-radius: 18px;
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.12);
box-shadow: 0 18px 48px rgba(0,0,0,0.28);
padding: 1.2rem 1.25rem;
transition: transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease;
}
.recovery-card::before{
content:"";
position:absolute;
inset:-2px;
opacity:0;
pointer-events:none;
background:
radial-gradient(140px 140px at 20% 25%, rgba(98,191,202,0.22), transparent 62%),
radial-gradient(160px 160px at 85% 80%, rgba(200,168,78,0.18), transparent 64%);
filter: blur(14px);
transition: opacity .28s ease;
}
.recovery-card:hover{
transform: translateY(-6px);
background: rgba(255,255,255,0.08);
border-color: rgba(98,191,202,0.35);
box-shadow: 0 22px 56px rgba(0,0,0,0.34);
}
.recovery-card:hover::before{opacity:1;}
.recovery-card-top{
display:flex;
gap: .85rem;
align-items:flex-start;
}
.recovery-icon{
width: 44px;
height: 44px;
border-radius: 14px;
background: rgba(15,23,42,0.72);
border: 1px solid rgba(98,191,202,0.25);
display:flex;
align-items:center;
justify-content:center;
flex: 0 0 auto;
}
.recovery-icon svg{stroke:#62BFCA;}
.recovery-card h3{
margin:0 0 .25rem;
color:#fff;
font-weight: 900;
font-size: 1.05rem;
}
.recovery-card p{
margin:0;
color: rgba(255,255,255,0.78);
line-height: 1.65;
font-size: .98rem;
}
.recovery-leverage-cta{
margin-top: 1.5rem;
display:flex;
flex-wrap:wrap;
gap: 1rem;
align-items:center;
}
.recovery-leverage-note{
color: rgba(255,255,255,0.65);
font-size: .92rem;
}
@media (max-width: 980px){
.recovery-leverage-grid{grid-template-columns: 1fr; gap: 2rem;}
.recovery-leverage-title{font-size: 2.0rem;}
}
@media (max-width: 560px){
.recovery-leverage-section{padding: 4rem 0;}
}
/* group-actions.html */
/* ===== Page utilities (moved from deleted section) ===== */
/* ===== NEW NAVIGATION STYLES ===== */
/* Desktop dropdown nav */
.nav-list {
display: flex;
align-items: center;
gap: 0;
list-style: none;
margin: 0;
padding: 0;
}
.nav-list > li {
position: relative;
}
.nav-link {
display: flex;
align-items: center;
gap: 0.3rem;
padding: 0.75rem 1rem;
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--primary, #0a1628);
text-decoration: none;
transition: color 0.25s ease;
white-space: nowrap;
}
.nav-link:hover {
color: var(--accent, #c8a84e);
}
.nav-link .dropdown-arrow {
width: 10px;
height: 10px;
transition: transform 0.25s ease;
flex-shrink: 0;
}
.nav-list > li:hover .dropdown-arrow,
.nav-list > li.dropdown-open .dropdown-arrow {
transform: rotate(180deg);
}
/* Desktop dropdown panel */
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 220px;
background: var(--white, #fff);
border: 1px solid var(--gray-200, #e5e7eb);
border-radius: 12px;
box-shadow: 0 12px 32px rgba(0,0,0,0.12);
padding: 0.5rem 0;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
z-index: 1000;
}
.nav-list > li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.dropdown-menu a {
display: block;
padding: 0.75rem 1.25rem;
font-size: 0.875rem;
font-weight: 600;
color: var(--primary, #0a1628);
text-decoration: none;
transition: background 0.2s ease, color 0.2s ease;
}
.dropdown-menu a:hover {
background: var(--gray-50, #f9fafb);
color: var(--accent, #c8a84e);
}
/* Hide desktop nav on mobile */
@media (max-width: 900px) {
.nav { display: none !important; }
}
/* ===== BURGER / MOBILE MENU ===== */
.mobile-toggle {
display: none;
flex-direction: column;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
background: none;
border: none;
cursor: pointer;
z-index: 1100;
gap: 5px;
}
.mobile-toggle span {
display: block;
width: 24px;
height: 2px;
background: var(--primary, #0a1628);
border-radius: 2px;
transition: transform 0.3s ease, opacity 0.3s ease;
}
@media (max-width: 900px) {
.mobile-toggle { display: flex; }
}
/* Burger X animation */
.mobile-toggle.active span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.mobile-toggle.active span:nth-child(2) {
opacity: 0;
}
.mobile-toggle.active span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
/* Mobile overlay menu */
.mobile-menu-overlay {
position: fixed;
inset: 0;
background: rgba(10, 22, 40, 0.5);
backdrop-filter: blur(4px);
z-index: 1050;
opacity: 0;
visibility: hidden;
transition: opacity 0.35s ease, visibility 0.35s ease;
}
.mobile-menu-overlay.active {
opacity: 1;
visibility: visible;
}
.mobile-menu {
position: fixed;
top: 0;
right: 0;
width: 320px;
max-width: 85vw;
height: 100vh;
background: var(--white, #fff);
z-index: 1060;
transform: translateX(100%);
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
overflow-y: auto;
display: flex;
flex-direction: column;
}
.mobile-menu.active {
transform: translateX(0);
}
.mobile-menu-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.25rem 1.5rem;
border-bottom: 1px solid var(--gray-200, #e5e7eb);
}
.mobile-menu-header .logo-title {
font-size: 1rem;
font-weight: 800;
letter-spacing: 0.1em;
color: var(--primary, #0a1628);
}
.mobile-menu-close {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
background: var(--gray-50, #f9fafb);
border: none;
border-radius: 8px;
cursor: pointer;
transition: background 0.2s ease;
}
.mobile-menu-close:hover {
background: var(--gray-200, #e5e7eb);
}
.mobile-menu-body {
padding: 1rem 0;
flex: 1;
}
/* Mobile nav items */
.mobile-nav-item {
border-bottom: 1px solid var(--gray-100, #f3f4f6);
}
.mobile-nav-link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1.5rem;
font-size: 0.9375rem;
font-weight: 700;
color: var(--primary, #0a1628);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.06em;
transition: background 0.2s ease;
cursor: pointer;
}
.mobile-nav-link:hover {
background: var(--gray-50, #f9fafb);
}
.mobile-nav-link .mobile-arrow {
width: 16px;
height: 16px;
transition: transform 0.3s ease;
color: var(--gray-400, #9ca3af);
}
.mobile-nav-item.open .mobile-nav-link .mobile-arrow {
transform: rotate(180deg);
color: var(--accent, #c8a84e);
}
.mobile-nav-item.open > .mobile-nav-link {
color: var(--accent, #c8a84e);
}
/* Mobile sub-menu */
.mobile-sub-menu {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease;
background: var(--gray-50, #f9fafb);
}
.mobile-nav-item.open .mobile-sub-menu {
max-height: 300px;
}
.mobile-sub-menu a {
display: block;
padding: 0.75rem 1.5rem 0.75rem 2.5rem;
font-size: 0.875rem;
font-weight: 600;
color: var(--gray-600, #4b5563);
text-decoration: none;
transition: color 0.2s ease, background 0.2s ease;
}
.mobile-sub-menu a:hover {
color: var(--accent, #c8a84e);
background: var(--gray-100, #f3f4f6);
}
/* Mobile menu divider & secondary links */
.mobile-menu-divider {
height: 1px;
background: var(--gray-200, #e5e7eb);
margin: 0.75rem 1.5rem;
}
.mobile-secondary-links {
padding: 0.25rem 0;
}
.mobile-secondary-links a {
display: block;
padding: 0.75rem 1.5rem;
font-size: 0.8125rem;
font-weight: 600;
color: var(--gray-500, #6b7280);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.06em;
transition: color 0.2s ease;
}
.mobile-secondary-links a:hover {
color: var(--accent, #c8a84e);
}
/* Mobile menu footer CTA */
.mobile-menu-footer {
padding: 1.25rem 1.5rem;
border-top: 1px solid var(--gray-200, #e5e7eb);
}
.mobile-menu-footer .btn {
display: block;
width: 100%;
text-align: center;
padding: 1rem;
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
background: var(--accent, #c8a84e);
color: var(--white, #fff);
border-radius: 10px;
text-decoration: none;
transition: background 0.25s ease, transform 0.25s ease;
}
.mobile-menu-footer .btn:hover {
background: #d4edf4;
color: var(--primary, #0a1628);
transform: translateY(-2px);
}
/* Prevent body scroll when menu open */
body.menu-open {
overflow: hidden;
}
/* ===== END NAV STYLES ===== */
/* Logo image styles */
.logo-img {
height: 110px;
width: auto;
display: block;
}
/* Mobile logo fix - prevent stretching on mobile devices */
@media (max-width: 900px) {
.logo-img {
height: 70px;
max-width: 220px;
object-fit: contain;
}
}
/* Reduce Book a Call button padding to give logo more space */
.header-actions .btn-primary {
padding-left: 1rem;
padding-right: 1rem;
}
/* Book a Call button hover override */
.header-actions .btn-primary:hover {
background: #d4edf4 !important;
color: var(--primary, #0a1628) !important;
}
.service-item:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
section[style*="grid-template-columns: repeat(2, 1fr)"] > div > div[style*="grid-template-columns: repeat(2, 1fr)"] {
grid-template-columns: 1fr !important;
}
}