:root{--navy:#0a1628;--navy2:#0d1f3c;--blue:#1a3a6b;--accent:#c8102e;--accent2:#e8192c;--gold:#e8a020;--white:#ffffff;--bg:#ffffff;--bg2:#f4f6fa;--bg3:#e8edf5;--card-bg:#ffffff;--text:#1a2340;--muted:#6b7a99;--light-text:#8a9ab8;--border:#e2e8f4;--nav-bg:#ffffff;--nav-shadow:0 2px 20px rgba(10,22,40,.10);--footer-bg:#0d1f3c;--hero-overlay:rgba(10,22,40,.72);--card-shadow:0 4px 24px rgba(10,22,40,.07);--input-bg:#ffffff;}
[data-theme="dark"]{--bg:#0d1117;--bg2:#161b27;--bg3:#1e2535;--card-bg:#1a2235;--text:#e2e8f4;--muted:#8a9ab8;--light-text:#6b7a99;--border:#2a3450;--nav-bg:#0d1117;--nav-shadow:0 2px 20px rgba(0,0,0,.4);--footer-bg:#080d18;--hero-overlay:rgba(5,10,22,.80);--card-shadow:0 4px 24px rgba(0,0,0,.25);--input-bg:#1a2235;}
*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}
body{font-family:'Figtree',sans-serif;font-weight:500;color:var(--text);background:var(--bg);overflow-x:hidden;transition:background .3s,color .3s;}

/* DARK MODE BUTTON */
#theme-toggle{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:8px;background:var(--navy);border:1px solid var(--border);box-shadow:0 2px 12px rgba(0,0,0,.18);cursor:pointer;font-family:'Figtree',sans-serif;font-size:12px;font-weight:700;color:rgba(255,255,255,.85);letter-spacing:.3px;transition:background .2s,box-shadow .2s,border-color .2s;}
#theme-toggle:hover{background:var(--blue);box-shadow:0 4px 18px rgba(0,0,0,.25);border-color:var(--accent);}
[data-theme="dark"] #theme-toggle{background:var(--bg3);border-color:var(--border);color:rgba(255,255,255,.75);}
[data-theme="dark"] #theme-toggle:hover{background:var(--navy2);}
#theme-toggle .icon-sun{display:none;}#theme-toggle .icon-moon{display:block;}
[data-theme="dark"] #theme-toggle .icon-sun{display:block;}[data-theme="dark"] #theme-toggle .icon-moon{display:none;}

/* LANGUAGE TOGGLE (inline, beside Get Started) */
.lang-toggle-btn{display:inline-flex;align-items:center;gap:4px;padding:7px 11px;margin-left:8px;border-radius:6px;background:var(--bg2);border:1px solid var(--border);cursor:pointer;font-family:'Figtree',sans-serif;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.2px;transition:background .2s,color .2s,border-color .2s;}
.lang-toggle-btn:hover{background:var(--bg3);color:var(--text);border-color:var(--accent);}
[data-theme="dark"] .lang-toggle-btn{background:var(--bg3);border-color:var(--border);color:var(--muted);}
[data-theme="dark"] .lang-toggle-btn:hover{background:var(--navy2);color:#fff;}
.lang-toggle-btn .lang-globe{display:inline-flex;align-items:center;line-height:1;}
.lang-toggle-btn .lang-globe svg{display:block;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08);}
.nav-mobile-menu .lang-toggle-btn{width:100%;justify-content:center;margin:6px 0 0;padding:12px;font-size:14px;}

/* WHATSAPP FLOATING BUTTON */
#whatsapp-float{position:fixed;bottom:74px;right:28px;z-index:9999;width:44px;height:44px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(0,0,0,.25);color:#fff;font-size:21px;transition:transform .2s,box-shadow .2s;text-decoration:none;}
#whatsapp-float:hover{transform:scale(1.08);box-shadow:0 4px 18px rgba(0,0,0,.3);}

/* LOGO THEME SWAP */
.logo-dark-img{display:none;}
[data-theme="dark"] .logo-light-img{display:none;}
[data-theme="dark"] .logo-dark-img{display:inline-block;}

/* TICKER */
.ticker-bar{background:var(--navy);color:rgba(255,255,255,.75);overflow:hidden;font-size:12px;font-weight:600;position:fixed;top:0;left:0;width:100%;height:34px;display:flex;align-items:center;z-index:1000;}
.ticker-brand{flex-shrink:0;display:flex;align-items:center;height:100%;padding:0 16px;font-weight:900;font-size:12.5px;color:#fff;letter-spacing:.4px;background:rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.15);white-space:nowrap;}
.ticker-inner{display:flex;gap:60px;white-space:nowrap;animation:ticker 30s linear infinite;}
.ticker-inner span{color:#fff;}.ticker-inner .up{color:#4ade80;}.ticker-inner .dn{color:#f87171;}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* NAV */
nav{background:var(--nav-bg);box-shadow:var(--nav-shadow);position:sticky;top:34px;margin-top:34px;z-index:998;padding:0 36px;display:flex;align-items:center;justify-content:space-between;height:68px;transition:background .3s,box-shadow .3s;}
.nav-logo{display:flex;align-items:center;gap:11px;cursor:pointer;text-decoration:none;}
.nav-logo-text{display:flex;flex-direction:column;line-height:1.1;}
.nav-logo-text strong{font-size:40px !important;font-weight:900;color:#0a1628 !important;letter-spacing:.3px;transition:color .3s;}
[data-theme="dark"] .nav-logo-text strong{color:#fff !important;}
.nav-logo-text span{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.5px;}
.nav-links{display:flex;align-items:center;gap:2px;}
.nav-links a{font-size:13.5px;font-weight:600;color:var(--muted);padding:8px 13px;border-radius:7px;cursor:pointer;text-decoration:none;transition:all .2s;}
.nav-links a:hover{color:var(--text);background:var(--bg2);}
.nav-links a.active{color:var(--navy);background:var(--bg2);font-weight:700;}
[data-theme="dark"] .nav-links a.active{color:#fff;}
.btn-portal{text-decoration:none;background:var(--accent)!important;color:#fff!important;padding:9px 22px!important;border-radius:8px;font-weight:700!important;margin-left:10px;box-shadow:0 2px 10px rgba(200,16,46,.25)!important;}
.btn-portal:hover{background:var(--accent2)!important;}

/* HAMBURGER */
.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;}
.nav-hamburger span{width:24px;height:2.5px;background:var(--text);border-radius:2px;transition:all .25s;}
.nav-hamburger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}
.nav-mobile-menu{display:none;position:fixed;inset:102px 0 0 0;background:var(--nav-bg);z-index:997;flex-direction:column;padding:20px 28px;gap:4px;transform:translateY(-16px);opacity:0;transition:all .26s;}
.nav-mobile-menu.visible{transform:translateY(0);opacity:1;}
.nav-mobile-menu a{font-size:16px;font-weight:700;color:var(--text);padding:12px 0;border-bottom:1px solid var(--border);text-decoration:none;cursor:pointer;}
.nav-mobile-menu a.active{color:var(--accent);}
.btn-portal-mobile{text-decoration:none;background:var(--accent)!important;color:#fff!important;text-align:center;border-radius:8px;margin-top:12px;padding:13px!important;border-bottom:none!important;}

/* PAGE HERO */
.page-hero{background:linear-gradient(135deg,var(--navy) 0%,var(--blue) 100%);padding:60px 80px 50px;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.page-hero h1{font-size:42px;font-weight:900;color:#fff;position:relative;z-index:1;margin-bottom:10px;}
.page-hero p{color:rgba(255,255,255,.65);font-size:15px;font-weight:500;position:relative;z-index:1;max-width:600px;margin-top:8px;line-height:1.7;}
.breadcrumb{font-size:13px;color:rgba(255,255,255,.5);font-weight:600;position:relative;z-index:1;}
.breadcrumb span{color:rgba(255,255,255,.85);}

/* SECTIONS */
.section{padding:80px 80px;}
.section-alt{background:var(--bg2);}
.label{display:inline-block;font-size:15px;font-weight:700;color:var(--accent);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:10px;}
.h2{font-size:34px;font-weight:900;color:var(--text);line-height:1.2;margin-bottom:14px;transition:color .3s;}
.sub{font-size:15px;color:var(--muted);line-height:1.75;max-width:560px;font-weight:500;}
.divider{width:52px;height:4px;background:var(--accent);border-radius:2px;margin:14px 0 22px;}

/* DOCUMENTS GRID */

/* SECTION DIVIDER */
.section-divider{border:none;border-top:1.5px solid var(--border);margin:0 80px;transition:border-color .3s;}

/* CTA STRIP */
.cta-strip{background:linear-gradient(135deg,var(--accent) 0%,#a00020 100%);padding:48px 80px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;}
.cta-strip h2{font-size:28px;font-weight:900;color:#fff;margin-bottom:6px;}
.cta-strip p{color:rgba(255,255,255,.75);font-size:14px;}
.btn-cta{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);color:#fff;padding:13px 28px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;border:2px solid rgba(255,255,255,.5);transition:background .2s;}
.btn-cta:hover{background:rgba(255,255,255,.35);}

/* INFO BOX */
.info-box{background:var(--bg2);border:1.5px solid var(--border);border-radius:14px;padding:28px 30px;display:flex;gap:18px;align-items:flex-start;transition:background .3s,border-color .3s;}
.info-box-icon{width:44px;height:44px;min-width:44px;border-radius:11px;background:rgba(200,16,46,.1);display:flex;align-items:center;justify-content:center;}
.info-box h4{font-size:15px;font-weight:800;color:var(--text);margin-bottom:5px;transition:color .3s;}
.info-box p{font-size:13.5px;color:var(--muted);line-height:1.6;}

/* FOOTER */
footer{background:var(--footer-bg);padding:56px 80px 28px;border-top:1px solid rgba(255,255,255,.06);transition:background .3s;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:32px;margin-bottom:44px;}
.footer-brand p{font-size:13px;color:rgba(255,255,255,.48);line-height:1.75;margin:14px 0 18px;}
.footer-socials{display:flex;gap:10px;}
.s-btn{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:background .2s;text-decoration:none;color:#fff;}
.s-btn:hover{background:var(--accent);}
.footer-col h4{font-size:11px;font-weight:800;color:#fff;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px;}
.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,.48);padding:4px 0;cursor:pointer;text-decoration:none;font-weight:500;transition:color .2s;}
.footer-col a:hover{color:#fff;}
.footer-col .fc-item{display:flex;gap:10px;margin-bottom:12px;}
.footer-col .fc-item span{font-size:13px;color:rgba(255,255,255,.48);font-weight:500;line-height:1.5;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.footer-bottom p{font-size:12px;color:rgba(255,255,255,.3);font-weight:500;}

/* RESPONSIVE */
@media(max-width:1024px){.docs-grid{grid-template-columns:repeat(2,1fr);}.footer-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){
  nav{padding:0 20px;}
  .nav-links{display:none;}
  .nav-hamburger{display:flex;}
  .page-hero{padding:40px 24px 32px;}
  .page-hero h1{font-size:28px;}
  .section{padding:50px 24px;}
  .section-divider{margin:0 24px;}
  .docs-grid{grid-template-columns:1fr;}
  .cta-strip{padding:36px 24px;flex-direction:column;align-items:flex-start;}
  footer{padding:40px 24px 24px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .footer-brand{grid-column:1/-1;}
  #theme-toggle{bottom:20px;right:16px;}
  #whatsapp-float{bottom:64px;right:16px;width:40px;height:40px;font-size:19px;}
}
#toast{position:fixed;bottom:90px;right:28px;background:var(--navy);color:#fff;padding:16px 24px;border-radius:12px;font-size:14px;font-weight:700;box-shadow:0 8px 32px rgba(0,0,0,.3);transform:translateY(40px);opacity:0;transition:all .35s;z-index:9998;border-left:4px solid var(--accent);font-family:'Figtree',sans-serif;}
#toast.show{transform:translateY(0);opacity:1;}

/* Consistent brand scale and minimal account controls */
nav .nav-logo-text strong{font-size:36px!important;line-height:1!important;letter-spacing:-.2px!important;font-weight:850!important;}
footer .nav-logo-text strong{font-size:58px!important;line-height:.95!important;letter-spacing:-.6px!important;}
footer .nav-logo-text strong,footer .nav-logo-text strong *{color:#fff!important;}
nav .nav-logo-text span, footer .nav-logo-text span{font-size:11px!important;}
.btn-portal{text-decoration:none;display:inline-flex!important;align-items:center!important;gap:6px!important;background:var(--accent)!important;color:#fff!important;border:none!important;border-radius:7px!important;box-shadow:none!important;padding:7px 12px!important;margin-left:10px!important;font-weight:800!important;}
.btn-portal:hover{background:var(--accent2)!important;color:#fff!important;box-shadow:none!important;}
.btn-portal svg{width:17px;height:17px;stroke:currentColor;}
.btn-portal-mobile{text-decoration:none;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;background:var(--accent)!important;color:#fff!important;border:none!important;border-radius:7px!important;box-shadow:none!important;padding:9px 14px!important;}
.btn-portal-mobile svg{width:17px;height:17px;stroke:currentColor;}
@media(max-width:768px){nav .nav-logo-text strong{font-size:28px!important;}footer .nav-logo-text strong{font-size:46px!important;}.nav-logo-text span{font-size:9px!important;}}