:root{
    --bg-0:#0b0f19; --bg-1:#101726; --surface:#131c2d; --surface-2:#0f1a2a;
    --ink:#e9f1ff; --muted:#a6b8d4; --line:rgba(255,255,255,.08);
    --teal:#00d6c8; --teal-2:#66ffe6; --indigo:#536dfe;
    --radius:14px; --shadow:0 12px 40px rgba(0,0,0,.45);
  }
  *{box-sizing:border-box}
  html,body{height:100%}
  body{
    margin:0;color:var(--ink);
    background:radial-gradient(1300px 600px at 90% -20%, rgba(83,109,254,.12), transparent 60%),
              radial-gradient(1000px 600px at -10% -10%, rgba(0,214,200,.07), transparent 60%),
              linear-gradient(180deg, var(--bg-0), var(--bg-1));
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    line-height:1.65;
  }
  .page{min-height:100vh;display:flex;flex-direction:column}
  .footer{margin-top:auto}
  .container{max-width:1200px;margin:0 auto;padding:0 20px}
  .offer,.nav,.nav-link,.btn-auth,.hero h1{font-family:"Inter Tight",system-ui,sans-serif}
  
  .offer-link{display:block;text-decoration:none;color:inherit}
  .offer{background:linear-gradient(90deg, rgba(83,109,254,.08), rgba(3,169,244,.07), rgba(0,150,136,.07));border-bottom:1px solid var(--line)}
  .offer-inner{height:34px;display:flex;align-items:center;gap:10px;justify-content:center;color:#e6eeff;font-weight:500;letter-spacing:.2px}
  .offer .pulse{width:8px;height:8px;border-radius:50%;display:inline-block;background:#7cf5e7;box-shadow:0 0 0 4px rgba(124,245,231,.12),0 0 16px rgba(124,245,231,.6)}
  .offer-link:hover .offer{background:linear-gradient(90deg, rgba(83,109,254,.10), rgba(3,169,244,.09), rgba(0,150,136,.09))}
  
  .hero{position:relative;padding:12px 0 70px;overflow:hidden;background:radial-gradient(900px 500px at 110% -10%, rgba(83,109,254,.14), transparent 70%),linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00))}
  .hero::before,.hero::after{content:"";position:absolute;inset:0;pointer-events:none}
  .hero::before{background:radial-gradient(1px 1px at 20px 20px, rgba(255,255,255,.06) 1px, transparent 1px),radial-gradient(1px 1px at 60px 60px, rgba(255,255,255,.05) 1px, transparent 1px),repeating-linear-gradient(180deg, rgba(255,255,255,.02) 0 1px, transparent 1px 4px);background-size:80px 80px,80px 80px,100% 6px;mask-image:radial-gradient(1100px 800px at 70% -20%,black,transparent 80%);animation:scan 12s linear infinite;opacity:.7}
  .hero::after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='400' viewBox='0 0 600 400'><g fill='none' stroke='rgba(140,170,210,0.10)' stroke-width='1'><path d='M10 50 H160 V120 H300' /><circle cx='300' cy='120' r='3' fill='rgba(124,245,231,0.2)'/><path d='M70 200 H250 V300 H560'/><circle cx='250' cy='300' r='3' fill='rgba(124,245,231,0.2)'/><path d='M420 40 V160 H550'/><circle cx='420' cy='160' r='3' fill='rgba(124,245,231,0.2)'/></g></svg>");background-size:600px 400px;background-repeat:repeat;opacity:.35;mix-blend-mode:screen}
  @keyframes scan{0%{background-position:0 0,0 0,0 0}100%{background-position:0 0,0 0,0 12px}}
  .site-header{background:transparent;border:none;position:relative}
  .nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 0}
  .brand img{height:40px}
  .menu{display:flex;align-items:center;gap:18px}
  .nav-list{display:flex;align-items:center;list-style:none;gap:6px;margin:0;padding:0}
  .auth{margin-left:12px}
  .nav-link{position:relative;display:inline-block;text-decoration:none;color:var(--ink);padding:8px 12px;border-radius:12px;font-weight:500;letter-spacing:.2px;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
  .nav-link:hover{background:rgba(255,255,255,.06);transform:translateY(-1px)}
  .nav-link:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}
  .nav-item{position:relative}
  .dropdown-panel{position:absolute;top:calc(100% + 10px);left:8px;display:none;opacity:0;transform:translateY(6px);min-width:260px;background:rgba(19,28,45,.98);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:10px;z-index:60;transition:opacity .18s ease,transform .18s ease}
  .dropdown-panel a{display:block;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:600}
  .dropdown-panel a:hover{background:rgba(255,255,255,.06)}
  .nav-item.open>.dropdown-panel{display:block;opacity:1;transform:translateY(0)}
  .nav-item.open>.nav-link{background:rgba(255,255,255,.06)}
  .btn-auth{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:999px;text-decoration:none;font-weight:600;letter-spacing:.2px;color:var(--ink);border:2px solid rgba(0,214,200,.55);background:transparent;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
  .btn-auth:hover{background:rgba(0,214,200,.12);box-shadow:0 6px 20px rgba(0,214,200,.18);transform:translateY(-1px)}
  .nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}
  .nav-toggle span{width:24px;height:2px;background:var(--ink);display:block;border-radius:2px}
  @media(max-width:960px){.nav{flex-wrap:wrap}.menu{width:100%;justify-content:space-between}.nav-toggle{display:flex}.nav-list{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 0}.nav-list.open{display:flex}.nav-item .dropdown-panel{position:static;width:100%;margin-top:6px}}
  
  .btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;font-weight:700;text-decoration:none;cursor:pointer;transition:.2s transform,.2s filter}
  .btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
  .btn-primary{background:linear-gradient(135deg, var(--teal), var(--teal-2));color:#022a25;border:none}
  .btn-outline{border:1px solid rgba(255,255,255,.28);color:var(--ink);background:transparent}
  .btn-soft{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--ink)}
  .btn-pill{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 18px;border-radius:999px;font-weight:800;letter-spacing:.2px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,filter .2s ease}
  .btn-pill-fill{background:linear-gradient(135deg, var(--teal), var(--teal-2)); color:#022a25; border:none; box-shadow:0 6px 20px rgba(0,214,200,.18)}
  .btn-pill-fill:hover{box-shadow:0 10px 26px rgba(0,214,200,.28)}
  .btn-pill-soft{border:1px solid var(--line); background:rgba(255,255,255,.06); color:#e9f1ff}
  .btn-pill-soft:hover{background:rgba(255,255,255,.1)}
  .btn-compact{padding:10px 14px;font-weight:800;border-radius:12px}
  
  .hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding-top:24px}
  @media(max-width:960px){.hero-inner{grid-template-columns:1fr}}
  .hero h1{margin:6px 0 10px;font-size:clamp(28px,4.4vw,54px);line-height:1.12;letter-spacing:.2px;font-weight:500}
  .hero h1 .thin{font-weight:300}
  .brand-accent{background:linear-gradient(90deg,var(--teal),var(--teal-2));-webkit-background-clip:text;background-clip:text;color:transparent}
  .hero .sub{color:#a6b8d4;max-width:750px;font-weight:400}
  .hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
  .hero-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;color:#cbe1ff;font-weight:600}
  .hero-points.small span{font-size:.82rem;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05)}
  .hero-art{display:flex;flex-direction:column;align-items:center;gap:12px}
  .emblem-circular{position:relative;width:380px;height:380px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%, rgba(0,0,0,.55) 0 35%, rgba(0,0,0,.35) 55%, transparent 60%);box-shadow:inset 0 0 80px rgba(0,0,0,.45),0 0 120px rgba(0,214,200,.12);overflow:visible}
  .ring-core{position:absolute;inset:20% 20%;border-radius:50%;background:radial-gradient(circle at 40% 35%, rgba(255,255,255,.06), rgba(0,0,0,.55) 60%);box-shadow:inset 0 0 40px rgba(0,0,0,.55)}
  .ring-glow{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle, rgba(0,214,200,.25), rgba(0,214,200,0) 60%);filter:blur(4px);opacity:.7}
  .ring-lines{position:absolute;inset:4%;border-radius:50%;-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0);background:repeating-radial-gradient(circle at 50% 50%, rgba(102,255,230,.45) 0 2px, rgba(102,255,230,0) 2px 10px);animation:spin-slow 30s linear infinite;opacity:.85}
  @keyframes spin-slow{to{transform:rotate(360deg)}}
  .emblem-circular img{position:relative;width:42%;height:42%;object-fit:contain;z-index:2;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45))}
  
  .section{padding:80px 0}
  .section-compact{padding:56px 0}
  .section-alt{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00))}
  .section-head h2{margin:0 0 6px;font-size:clamp(26px,3vw,36px)}
  .section-head p{margin:0;color:#a6b8d4}
  .grid{display:grid;gap:20px}
  .cards-2{grid-template-columns:repeat(2,1fr)}
  @media(max-width:700px){.cards-2{grid-template-columns:1fr}}
  
  .section-tech{
    position:relative; overflow:hidden;
    background:
      radial-gradient(1200px 500px at 110% -10%, rgba(83,109,254,.10), transparent 70%),
      linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  }
  .section-tech .tech-overlay{
    position:absolute; inset:0; pointer-events:none; opacity:.55;
    background:
      repeating-linear-gradient(90deg, rgba(140,170,210,.06) 0 1px, transparent 1px 40px),
      repeating-linear-gradient(0deg, rgba(140,170,210,.05) 0 1px, transparent 1px 40px),
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='800' height='400' viewBox='0 0 800 400'><g fill='none' stroke='rgba(102,255,230,0.12)' stroke-width='1.1'><path d='M20 60 H200 V140 H380'/><circle cx='380' cy='140' r='3' fill='rgba(102,255,230,0.35)'/><path d='M120 220 H320 V300 H740'/><circle cx='320' cy='300' r='3' fill='rgba(102,255,230,0.35)'/><path d='M560 40 V160 H700'/><circle cx='560' cy='160' r='3' fill='rgba(102,255,230,0.35)'/></g></svg>");
    animation:grid-pan 28s linear infinite;
    mask-image:radial-gradient(1200px 600px at 50% -10%, black, transparent 80%);
  }
  @keyframes grid-pan{to{background-position:1200px 0, 0 1200px, 400px 0}}
  
  .tile-pro.v5{
    position:relative;
    border:1px solid var(--line);
    border-radius:20px;
    background:
      radial-gradient(120% 100% at 0% 0%, rgba(83,109,254,.08), transparent 60%),
      linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    box-shadow:var(--shadow);
    padding:18px 18px 56px;
    overflow:hidden;
    isolation:isolate;
    transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
  }
  .tile-pro.v5::before{
    content:"";
    position:absolute; inset:-1px;
    border-radius:22px;
    padding:1.2px;
    background:conic-gradient(from 180deg, rgba(0,214,200,.0), rgba(0,214,200,.35), rgba(83,109,254,.35), rgba(0,214,200,.0));
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    pointer-events:none;
    opacity:.45; filter:blur(.3px);
  }
  .tile-pro.v5:hover{transform:translateY(-4px);border-color:rgba(109,255,233,.35);box-shadow:0 18px 50px rgba(0,0,0,.35)}
  .tile-sheen{
    position:absolute; left:-20%; top:-40px; width:50%; height:120px; transform:rotate(8deg);
    background:linear-gradient(90deg, rgba(255,255,255,.0), rgba(255,255,255,.07), rgba(255,255,255,.0));
    filter:blur(6px); pointer-events:none; opacity:.0;
    transition:opacity .25s ease, transform .25s ease;
  }
  .tile-pro.v5:hover .tile-sheen{opacity:.8; transform:translateX(30px) rotate(8deg)}
  
  .tile-head{
    display:grid;
    grid-template-columns:100px 1fr;
    gap:16px;
    align-items:center;
    padding:14px;
    margin:-2px -2px 10px;
    background:linear-gradient(180deg, rgba(10,16,24,.88), rgba(10,16,24,.72));
    border:1px solid rgba(255,255,255,.06);
    border-radius:14px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  @media(max-width:560px){
    .tile-head{grid-template-columns:86px 1fr}
  }
  .badge-wrap{
    position:relative; display:grid; place-items:center;
    width:100px; height:100px; margin:0;
    border-radius:16px;
    background:radial-gradient(60% 60% at 50% 45%, rgba(0,214,200,.12), rgba(255,255,255,.02));
    border:1px dashed rgba(255,255,255,.10);
    overflow:hidden;
  }
  .badge-wrap img{
    width:72px; height:72px; object-fit:contain;
    max-width:80%; max-height:80%;
    transition:transform .25s ease
  }
  .tile-pro.v5:hover .badge-wrap img{transform:scale(1.04)}
  .badge-glow.big{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle, rgba(102,255,230,.22), rgba(102,255,230,0) 60%);filter:blur(8px);opacity:.45}
  .title-wrap{display:grid;gap:6px}
  .tile-pro.v5 .title{margin:0;font-size:1.06rem;line-height:1.35;letter-spacing:.2px}
  .chip{justify-self:start;align-self:flex-start;font-weight:900;font-size:.78rem;letter-spacing:.44px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,214,200,.35);color:#76ffea;background:rgba(0,214,200,.10)}
  
  .kv-rows{margin-top:8px}
  .kv-row{display:grid;grid-template-columns:180px 1fr;padding:10px 2px;border-bottom:1px solid var(--line);align-items:center}
  .kv-row:last-child{border-bottom:none}
  .kv-label{font-size:.78rem;letter-spacing:.28px;text-transform:uppercase;color:#c0d3f6;opacity:.95}
  .kv-value{justify-self:end;font-weight:800;color:#eaf4ff}
  .price{color:#9af6e6}
  @media(max-width:720px){.kv-row{grid-template-columns:150px 1fr}}
  
  .shield-rack{display:inline-flex;gap:6px;margin-right:10px;vertical-align:middle}
  .shield{font-size:20px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
  .shield.filled{color:rgba(102,255,230,.75)}
  .shield.outline{color:rgba(200,220,255,.65)}
  .lvl-text{font-weight:900;color:#e8f3ff}
  
  .btn-mini-outline{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:999px;text-decoration:none;font-weight:800;letter-spacing:.2px;border:1px solid rgba(255,255,255,.28);color:#e8f3ff;background:transparent;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
  .btn-mini-outline:hover{transform:translateY(-1px);border-color:rgba(102,255,230,.55);box-shadow:0 8px 18px rgba(0,0,0,.25)}
  .pin-br{position:absolute;right:18px;bottom:18px}
  
  .section-training-modern{
    position:relative;overflow:hidden;
    background:
      radial-gradient(1200px 600px at 10% -10%, rgba(0,214,200,.06), transparent 70%),
      linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
  }
  .training-grid{
    display:grid;
    grid-template-columns:0.9fr 1.1fr;
    gap:28px;
    align-items:center;
  }
  @media(max-width:980px){.training-grid{grid-template-columns:1fr;gap:18px}}
  .training-icon{display:grid;place-items:center}
  .icon-aura{
    position:relative;width:380px;height:380px;max-width:100%;
    border-radius:50%;display:grid;place-items:center;
    background:radial-gradient(60% 60% at 50% 45%, rgba(0,214,200,.18), rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:inset 0 0 80px rgba(0,0,0,.45),0 0 120px rgba(0,214,200,.10);
    overflow:hidden;isolation:isolate;
  }
  .icon-aura i{font-size:144px;color:#dffaf6;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45));z-index:2}
  .icon-glow{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle, rgba(102,255,230,.25), rgba(102,255,230,0) 60%);filter:blur(6px);opacity:.55}
  .icon-ring{position:absolute;inset:5%;border-radius:50%;-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0);background:repeating-radial-gradient(circle at 50% 50%, rgba(102,255,230,.45) 0 2px, rgba(102,255,230,0) 2px 12px);animation:spin-icon 36s linear infinite;opacity:.75}
  @keyframes spin-icon{to{transform:rotate(360deg)}}
  
  .training-content .section-head p{max-width:720px}
  .training-simple-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
  .training-simple-list li{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:12px;padding:10px 12px}
  .training-simple-list i{display:grid;place-items:center;min-width:32px;height:32px;border-radius:10px;background:rgba(83,109,254,.18);border:1px solid rgba(83,109,254,.35);font-size:16px;color:#eaf4ff}
  .train-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
  
  .section-how{
    position:relative;overflow:hidden;
    background:
      radial-gradient(1000px 520px at 90% -10%, rgba(83,109,254,.10), transparent 70%),
      linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
  }
  .how-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:28px;
    align-items:start;
  }
  @media(max-width:980px){
    .how-grid{grid-template-columns:1fr;gap:18px}
  }
  .how-copy .micro-chip{
    display:inline-flex;align-items:center;gap:8px;
    padding:6px 10px;border-radius:999px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.04);color:#cfe2ff;
    font-weight:800;letter-spacing:.2px
  }
  .how-copy h2{margin:10px 0 6px}
  .how-copy .lead{color:#cfe2ff;max-width:640px}
  .how-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
  
  .stepper{
    list-style:none;margin:0;padding:0;
    display:grid;gap:14px;
  }
  .step-vert{
    position:relative;display:grid;grid-template-columns:44px 1fr;gap:12px;
    align-items:start;border:1px solid var(--line);border-radius:14px;
    background:rgba(255,255,255,.03);padding:12px;
  }
  .step-vert:not(:last-child)::after{
    content:"";position:absolute;left:22px;bottom:-14px;width:2px;height:14px;
    background:linear-gradient(180deg, rgba(102,255,230,.5), rgba(102,255,230,0));
    filter:blur(.2px);
  }
  .node{
    width:44px;height:44px;display:grid;place-items:center;border-radius:12px;
    background:rgba(83,109,254,.18);border:1px solid rgba(83,109,254,.35);
    color:#eaf4ff;font-weight:900;font-size:1rem;box-shadow:inset 0 0 24px rgba(0,0,0,.28)
  }
  .step-body h5{margin:2px 0 4px;font-size:1.02rem}
  .step-body p{margin:0;color:#cfe2ff}
  
  .section-faq-cards .section-head p{max-width:720px}
  .faq-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    margin-top:16px;
  }
  @media(max-width:900px){.faq-grid{grid-template-columns:1fr}}
  .faq-card{
    position:relative;display:grid;grid-template-columns:52px 1fr;gap:12px;
    padding:16px;border-radius:16px;border:1px solid var(--line);
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    box-shadow:var(--shadow);
    transition:transform .2s ease,border-color .2s ease, box-shadow .2s ease;
    isolation:isolate;
  }
  .faq-card::after{
    content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;
    background:conic-gradient(from 220deg, rgba(0,214,200,.0), rgba(0,214,200,.35), rgba(83,109,254,.35), rgba(0,214,200,.0));
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35;pointer-events:none
  }
  .faq-card:hover{transform:translateY(-2px);border-color:rgba(109,255,233,.35);box-shadow:0 18px 50px rgba(0,0,0,.35)}
  .faq-icon{
    display:grid;place-items:center;width:52px;height:52px;border-radius:12px;
    background:rgba(83,109,254,.18);border:1px solid rgba(83,109,254,.35);color:#eaf4ff;font-size:22px;box-shadow:inset 0 0 20px rgba(0,0,0,.28)
  }
  .faq-q{margin:2px 0 6px;font-size:1.06rem}
  .faq-a{margin:0;color:#cfe2ff}
  
  .footer{
    background:linear-gradient(180deg, #0b1018 0%, #0a0f17 100%);
    border-top:1px solid var(--line);
    position:relative;
  }
  .footer-topline{
    height:2px; width:100%;
    background:linear-gradient(90deg, rgba(0,214,200,.0), rgba(0,214,200,.6), rgba(83,109,254,.6), rgba(0,214,200,.0));
    opacity:.6;
  }
  .footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:24px;padding:32px 0 8px;
  }
  @media(max-width:1000px){.footer-grid{grid-template-columns:1fr 1fr;gap:20px}}
  @media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
  .foot-brand img{height:34px;margin-bottom:10px}
  .foot-brand p{margin:0 0 12px;color:#cfe2ff}
  .foot-cta-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
  
  .footer h5{
    margin:0 0 8px;
    font-size:.96rem;letter-spacing:.3px;text-transform:uppercase;color:#dbe8ff;
  }
  .foot-links{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}
  .foot-links a{
    color:#cfe2ff;text-decoration:none;border-bottom:1px dashed transparent;display:inline-block;padding-bottom:2px
  }
  .foot-links a:hover{color:#00d6c8;border-bottom-color:rgba(0,214,200,.3)}
  
  .social{display:flex;gap:10px;flex-wrap:wrap}
  .soc-btn{
    display:inline-grid;place-items:center;
    width:40px;height:40px;border-radius:12px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:inset 0 0 20px rgba(0,0,0,.25);
    color:#e9f1ff;text-decoration:none;font-size:18px;
    position:relative;overflow:hidden;transition:.2s transform,.2s box-shadow,.2s border-color,.2s filter
  }
  .soc-btn::after{
    content:"";position:absolute;inset:0;border-radius:inherit;opacity:.0;
    background:radial-gradient(60% 60% at 50% 30%, rgba(102,255,230,.35), rgba(102,255,230,0) 60%);
    transition:.25s opacity
  }
  .soc-btn:hover{transform:translateY(-2px);border-color:rgba(102,255,230,.35);box-shadow:0 10px 26px rgba(0,0,0,.30)}
  .soc-btn:hover::after{opacity:.8}
  .soc-btn.x:hover{filter:drop-shadow(0 0 8px rgba(255,255,255,.35))}
  .soc-btn.li:hover{filter:drop-shadow(0 0 8px rgba(10,102,194,.55))}
  .soc-btn.yt:hover{filter:drop-shadow(0 0 8px rgba(255,0,0,.45))}
  .soc-btn.gh:hover{filter:drop-shadow(0 0 8px rgba(255,255,255,.25))}
  
  .footer-legal{
    display:flex;align-items:center;justify-content:space-between;
    gap:12px;padding:12px 0 24px;border-top:1px solid var(--line);color:#a9bad1
  }
  .footer-legal a{color:#bcd0ef;text-decoration:none}
  .footer-legal a:hover{color:#76ffea;text-decoration:underline}
  .legal-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .dot{opacity:.5}
  .legal-right{display:flex;gap:8px;flex-wrap:wrap}
  .trust-chip{
    display:inline-flex;align-items:center;gap:6px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.04);
    padding:6px 10px;border-radius:999px;font-weight:800;color:#d7ebff
  }
  
  .reveal{opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .4s ease}
  .reveal.in{opacity:1;transform:none}