:root{--bg:#010713;--panel:#031326;--cyan:#19e6ff;--blue:#148cff;--purple:#7d40ff;--text:#f8fbff;--muted:#a8bed1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;min-width:320px;background:#010713;color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
#particleCanvas{position:fixed;inset:0;pointer-events:none;z-index:1}.home-shell{width:min(94%,1500px);margin-inline:auto;position:relative;z-index:3}

.gfc-header{height:80px;padding:0 clamp(26px,4vw,74px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;position:sticky;top:0;z-index:80;background:rgba(1,8,20,.96);backdrop-filter:blur(18px);border-bottom:1px solid #0f77a6}
.gfc-brand{display:flex;align-items:center;gap:12px;min-width:260px}.gfc-mark{width:50px;height:50px;border:1px solid #23dfff;border-radius:50%;display:grid;place-items:center;font:700 28px Georgia;background:radial-gradient(circle,#176396,#04101f 70%);box-shadow:0 0 28px #13cfff70}.gfc-brand-copy strong,.gfc-brand-copy small{display:block}.gfc-brand-copy strong{font-size:21px}.gfc-brand-copy strong em{font-style:normal;color:#ffd56a}.gfc-brand-copy small{font-size:9px;letter-spacing:2.3px;color:#75bdef}
.gfc-nav{justify-self:center;display:flex;padding:5px;border:1px solid #136895;border-radius:14px;background:#03101f;overflow:hidden}.gfc-nav a{padding:9px 13px;border-radius:9px;font-size:12px;font-weight:800;white-space:nowrap;color:#d7e5f1}.gfc-nav a:hover,.gfc-nav .active{background:#082d4f;box-shadow:inset 0 0 0 1px #168cff,0 0 18px #0c91ff47}.gfc-actions{display:flex;gap:11px}.gfc-login,.gfc-join{padding:12px 19px;border-radius:10px;font-size:12px;font-weight:900;white-space:nowrap}.gfc-login{border:1px solid #1773a5;background:#03101f}.gfc-join{background:linear-gradient(100deg,#14cbff,#3669ff 58%,#8f35ff)}

.hero-stage{position:relative;min-height:570px;overflow:hidden;border-bottom:1px solid #103a59;background:#010713}.hero-bg{position:absolute;inset:0;background:url('/assets/hero-bg-v6.png') center/cover no-repeat;z-index:0;animation:bgFloat 16s ease-in-out infinite alternate}.hero-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,7,19,.96) 0%,rgba(1,7,19,.82) 28%,rgba(1,7,19,.18) 55%,rgba(1,7,19,.04) 100%)}
@keyframes bgFloat{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.05) translate3d(-12px,-5px,0)}}
.hero-shell{width:min(94%,1500px);margin:auto;min-height:570px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:20px;position:relative;z-index:4}
.hero-copy{padding:32px 0 30px}.hero-tag{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid #16b5e8;border-radius:999px;color:#2ceaff;background:#031827c9;font-size:11px;letter-spacing:2.4px;font-weight:900;box-shadow:0 0 22px #0bcfff25}.hero-tag i{width:7px;height:7px;border-radius:50%;background:#1ae4ff;box-shadow:0 0 11px #1ae4ff}.hero-copy h1{font:700 clamp(66px,5.6vw,94px)/.88 Georgia,serif;letter-spacing:-4px;margin:18px 0 18px;color:#fff}.hero-copy h1 span,.home-smart h2 span,.section-head h2 em{font-style:normal;background:linear-gradient(90deg,#23e5e4,#129cff 58%,#8241ff);-webkit-background-clip:text;color:transparent}.hero-lead{max-width:650px;margin:0;color:#d1dce6;font-size:clamp(15px,1.05vw,18px);line-height:1.55}.hero-risk{margin:11px 0 0;color:#748aa1;font-size:10px}.hero-buttons{display:flex;gap:14px;margin:20px 0 14px}.hero-btn{padding:14px 24px;border-radius:10px;font-size:14px;font-weight:900}.hero-btn.primary{background:linear-gradient(100deg,#11caff,#216fff 55%,#8035ff);box-shadow:0 10px 30px #1d68ff45}.hero-btn.secondary{border:1px solid #1680b9;background:#031326d9}.play{display:inline-grid;place-items:center;width:19px;height:19px;border:1px solid #74cfff;border-radius:50%;font-size:9px;margin-right:8px}.hero-micro{display:flex;gap:24px;color:#afc1d1;font-size:10px}.hero-micro span{position:relative;padding-left:13px}.hero-micro span:before{content:'';position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:#18e3ff;box-shadow:0 0 10px #18e3ff;transform:translateY(-50%)}

.robot-zone{height:560px;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:visible}.robot-zone>img{position:relative;z-index:4;width:min(650px,96%);max-height:540px;object-fit:contain;filter:drop-shadow(0 0 34px rgba(0,170,255,.52));animation:robotFloat 5s ease-in-out infinite}.robot-glow{position:absolute;z-index:2;width:70%;height:64%;bottom:3%;border-radius:50%;background:radial-gradient(circle,rgba(16,196,255,.34),rgba(0,102,255,.12) 46%,transparent 72%);filter:blur(18px);animation:pulse 4s ease-in-out infinite}
@keyframes robotFloat{50%{transform:translateY(-16px)}}@keyframes pulse{50%{transform:scale(1.07);opacity:.7}}
.float-card{position:absolute;z-index:6;border:1px solid #127db1;background:rgba(3,14,29,.82);backdrop-filter:blur(8px);border-radius:11px;color:#eaf7ff;box-shadow:0 0 25px rgba(0,130,255,.18)}.float-card small,.float-card strong,.float-card b,.float-card em{display:block}.float-card.market{right:4%;top:16%;padding:14px 16px;width:126px}.float-card.market small{font-size:9px;color:#17dbff}.float-card.market strong{font-size:12px;margin:6px 0 14px}.float-card.market b{font-size:18px}.float-card.market em{font-style:normal;color:#2ee49b;font-weight:900;margin-top:5px}.float-card.secure,.float-card.support,.float-card.ai{right:1%;width:88px;text-align:center;padding:11px 7px}.float-card.secure{top:36%}.float-card.support{top:54%}.float-card.ai{top:72%}.float-card.secure b,.float-card.support b,.float-card.ai b{color:#19e6ff;font-size:21px}.float-card.secure strong,.float-card.support strong,.float-card.ai strong{font-size:14px;margin-top:3px}.float-card.secure small,.float-card.support small,.float-card.ai small{font-size:8px;color:#9fb8c8}

.home-stats{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #1196c9;border-radius:18px;background:linear-gradient(180deg,#061c32ee,#03101eee);box-shadow:0 18px 50px #00172970;margin-top:16px;padding:10px 5px}.home-stats>div{height:66px;display:flex;justify-content:center;align-items:center;gap:12px;border-right:1px solid #175f80}.home-stats>div:last-child{border-right:0}.home-stats b{font-size:25px;color:#17dcff}.home-stats strong,.home-stats small{display:block}.home-stats strong{font-size:19px}.home-stats small{font-size:9px;color:#9db1c4;margin-top:2px}
.home-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:14px}.home-cards>a{background:#03101f;border:1px solid #1286b5;border-radius:15px;overflow:hidden;box-shadow:0 15px 40px #00101f80;transition:.25s}.home-cards>a:hover{transform:translateY(-4px);border-color:#1addff;box-shadow:0 18px 46px #0075c03d}.home-cards img{width:100%;height:120px;object-fit:cover}.home-cards div{padding:11px 14px 14px}.home-cards h3{font:700 18px Georgia,serif;margin:0 0 4px}.home-cards p{margin:0;color:#aabccc;font-size:10px;line-height:1.4;min-height:28px}.home-cards span{display:block;margin-top:8px;color:#1ae0ff;font-size:10px;font-weight:800}
.home-smart{text-align:center;padding:28px 0 10px}.home-smart h2{margin:0;font:700 clamp(32px,3vw,46px) Georgia,serif}.home-smart>p{margin:4px 0 13px;color:#9db1c5;font-size:11px}.home-ticker{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.home-ticker>div{border:1px solid #135f8c;border-radius:10px;background:#041325;padding:10px;display:flex;align-items:center;gap:7px;font-size:9px}.home-ticker small{margin-left:auto;color:#ced9e5}.home-ticker em{font-style:normal;color:#49e5ad;font-weight:800}.home-ticker .down{color:#ff586c}.live-market{display:inline-block;margin-top:11px;padding:9px 24px;border:1px solid #15c9ff;border-radius:999px;background:#063154;font-size:10px;font-weight:800}
.how-section,.about-section{padding:72px 0}.section-head{text-align:center;max-width:820px;margin:auto}.section-head>span{color:#20e2ff;font-size:11px;letter-spacing:2.5px;font-weight:900}.section-head h2{margin:10px 0;font:700 clamp(36px,4vw,58px) Georgia,serif}.section-head p{color:#9eb2c4;line-height:1.6}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.how-grid article{padding:22px;border:1px solid #11698f;border-radius:15px;background:linear-gradient(145deg,#071a2c,#03101f)}.how-grid article>b,.how-grid article>a{color:#19e2ff;font-weight:900}.how-grid h3{font:700 20px Georgia;margin:11px 0}.how-grid p{color:#9fb3c5;font-size:13px;line-height:1.55;min-height:60px}
.home-footer{border-top:1px solid #123f5a;background:#010610}.home-footer>div{display:flex;justify-content:space-between;padding:28px 0}.home-footer strong,.home-footer small{display:block}.home-footer small{font-size:8px;letter-spacing:2px;color:#6fa7cd}.home-footer nav{display:flex;flex-wrap:wrap;gap:18px;color:#9db1c3;font-size:10px}.home-footer>p{text-align:center;color:#617a91;font-size:9px;margin:0;padding-bottom:18px}.back-top{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border-radius:50%;background:#16c3ff;display:grid;place-items:center;z-index:90}.reveal{opacity:0;transform:translateY(10px);transition:.55s}.reveal.show{opacity:1;transform:none}
@media(max-width:1250px){.gfc-header{padding-inline:3%}.gfc-brand{min-width:220px}.gfc-brand-copy strong{font-size:18px}.gfc-nav a{padding:8px 9px;font-size:10.5px}.hero-shell{grid-template-columns:.95fr 1.05fr}.hero-copy h1{font-size:clamp(58px,5.6vw,78px)}.robot-zone{height:500px}.float-card.market{right:1%}.float-card.secure,.float-card.support,.float-card.ai{right:-1%}}
@media(max-width:980px){.gfc-header{height:auto;min-height:72px;display:flex;flex-wrap:wrap;padding:11px 4%}.gfc-brand{min-width:0}.gfc-actions{margin-left:auto}.gfc-nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start}.hero-stage,.hero-shell{min-height:auto}.hero-shell{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.robot-zone{height:480px}.float-card.secure,.float-card.support,.float-card.ai{right:4%}.home-stats{grid-template-columns:repeat(2,1fr)}.home-stats>div{border-right:0}.home-cards{grid-template-columns:repeat(2,1fr)}.home-ticker{grid-template-columns:repeat(2,1fr)}.how-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.home-shell,.hero-shell{width:92%}.gfc-brand-copy small{display:none}.gfc-brand-copy strong{font-size:15px}.gfc-mark{width:38px;height:38px}.gfc-join{display:none}.hero-copy h1{font-size:51px;letter-spacing:-2px}.hero-lead{font-size:14px}.hero-buttons{flex-direction:column}.hero-btn{text-align:center}.hero-micro{flex-wrap:wrap;gap:11px}.robot-zone{height:390px}.robot-zone>img{width:110%}.float-card.market{right:0;top:12%;transform:scale(.85)}.float-card.secure,.float-card.support,.float-card.ai{display:none}.home-stats,.home-cards,.home-ticker,.how-grid{grid-template-columns:1fr}.home-footer>div{display:block}.home-footer nav{margin-top:16px}}


/* ===== FINAL V7 CALIBRATION ===== */
@media (min-width: 1100px){
  .hero-stage{min-height:540px}
  .hero-shell{
    min-height:540px;
    grid-template-columns: 1.02fr .98fr;
    gap:8px;
  }
  .hero-copy{padding-top:24px;padding-bottom:18px}
  .hero-copy h1{
    font-size:clamp(64px,5.1vw,84px);
    line-height:.89;
    margin-top:14px;
    margin-bottom:15px;
  }
  .hero-lead{max-width:620px;font-size:16px}
  .robot-zone{
    height:530px;
    align-items:center;
    justify-content:center;
    padding-right:66px;
  }
  .robot-zone>img{
    width:min(560px,82%);
    max-height:500px;
    object-fit:contain;
    transform-origin:center center;
  }
  .float-card.market{right:2%;top:18%;width:118px}
  .float-card.secure,.float-card.support,.float-card.ai{right:0;width:84px}
  .float-card.secure{top:40%}
  .float-card.support{top:58%}
  .float-card.ai{top:76%}
  .home-stats{margin-top:10px}
}
@media (min-width: 1500px){
  .home-shell,.hero-shell{width:min(92%,1500px)}
  .gfc-header{padding-left:4%;padding-right:4%}
}
/* =====================================================
   FINAL HEADER FIX — MATCH ACADEMY / PERFORMANCE
   ===================================================== */

@media (min-width:1100px){

  .gfc-header{
    height:80px;
    padding:0 5%;
    display:flex;
    align-items:center;
    gap:0;
    position:sticky;
    top:0;
    z-index:80;
  }

  .gfc-brand{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:280px;
    flex-shrink:0;
  }

  .gfc-nav{
    margin-left:auto;
    justify-self:unset;
    display:flex;
    align-items:center;
    padding:5px;
    border:1px solid #136895;
    border-radius:14px;
    background:#03101f;
    overflow:hidden;
  }

  .gfc-nav a{
    padding:9px 13px;
    border-radius:9px;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
  }

  .gfc-actions{
    display:flex;
    align-items:center;
    gap:5px;
    margin-left:0;
    padding:5px 5px 5px 0;
    border-top:1px solid #136895;
    border-right:1px solid #136895;
    border-bottom:1px solid #136895;
    border-radius:0 14px 14px 0;
    background:#03101f;
  }

  .gfc-login,
  .gfc-join{
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 17px;
    border-radius:9px;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
  }

  .gfc-login{
    min-width:68px;
    border:1px solid #1773a5;
    background:#03101f;
  }

  .gfc-join{
    min-width:105px;
    background:linear-gradient(
      100deg,
      #14cbff,
      #3669ff 58%,
      #8f35ff
    );
  }
}

/* 1100–1350px screens */
@media (min-width:1100px) and (max-width:1350px){

  .gfc-header{
    padding-left:3%;
    padding-right:3%;
  }

  .gfc-brand{
    min-width:235px;
  }

  .gfc-brand-copy strong{
    font-size:18px;
  }

  .gfc-nav a{
    padding-left:9px;
    padding-right:9px;
    font-size:10.5px;
  }

  .gfc-login,
  .gfc-join{
    padding-left:13px;
    padding-right:13px;
    font-size:11px;
  }
}
/* =====================================================
   FINAL HOME HEADER — SAME AS INNER PAGES
   ===================================================== */

@media (min-width:1100px){

  .gfc-header{
    height:80px;
    padding:0 4%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    position:sticky;
    top:0;
    z-index:80;
    background:rgba(1,8,20,.97);
    border-bottom:1px solid #0f668d;
  }

  .gfc-brand{
    flex:0 0 auto;
    min-width:260px;
    display:flex;
    align-items:center;
    gap:12px;
  }

  .gfc-nav{
    margin-left:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0;
    padding:5px;
    border:1px solid #145d84;
    border-radius:14px;
    background:#03101f;
    overflow:visible;
    flex-shrink:0;
  }

  .gfc-nav a{
    height:40px;
    padding:0 13px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    color:#dce8f2;
    font-size:12px;
    line-height:1;
    font-weight:800;
    white-space:nowrap;
  }

  .gfc-nav a.active,
  .gfc-nav a:hover{
    background:#092b4b;
    box-shadow:
      inset 0 0 0 1px #168cff,
      0 0 15px rgba(0,145,255,.20);
  }

  .gfc-actions{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:5px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    position:static;
  }

  .gfc-login{
    height:50px;
    min-width:72px;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #176d99;
    border-radius:10px;
    background:#03101f;
    color:#fff;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
  }

  .gfc-join{
    height:50px;
    min-width:105px;
    padding:0 17px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color:#fff;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
    background:linear-gradient(
      100deg,
      #17caff 0%,
      #3970ff 58%,
      #8d36ff 100%
    );
  }
}


/* LAPTOP WIDTH FIX */
@media (min-width:1100px) and (max-width:1450px){

  .gfc-header{
    padding-left:3%;
    padding-right:3%;
    gap:12px;
  }

  .gfc-brand{
    min-width:235px;
  }

  .gfc-brand-copy strong{
    font-size:18px;
  }

  .gfc-nav a{
    padding-left:10px;
    padding-right:10px;
    font-size:11px;
  }

  .gfc-login{
    min-width:65px;
    padding-left:12px;
    padding-right:12px;
  }

  .gfc-join{
    min-width:98px;
    padding-left:13px;
    padding-right:13px;
  }
}