:root{
  --c:#00e5ff;--o:#ff6200;--g:#ffd000;--gr:#00e676;--re:#ff4444;
  --dk:#020c14;--dk2:#05111c;--dk3:#091e30;
  --pan:rgba(0,16,30,0.9);--bd:rgba(0,229,255,0.16);
  --txt:#b0d8ee;--mut:#3a6882;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--dk);color:var(--txt);font-family:'Noto Sans SC',sans-serif;overflow-x:hidden}
body::before{
  content:'';position:fixed;inset:0;
  background:
    radial-gradient(ellipse 90% 55% at 10% -5%,rgba(0,70,150,.15) 0%,transparent 55%),
    radial-gradient(ellipse 70% 50% at 90% 105%,rgba(255,98,0,.09) 0%,transparent 50%),
    repeating-linear-gradient(0deg,transparent,transparent 79px,rgba(0,229,255,.022) 80px),
    repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(0,229,255,.022) 80px);
  pointer-events:none;z-index:0;
}
.scanline{position:fixed;top:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--c),transparent);opacity:.3;animation:scan 6s linear infinite;pointer-events:none;z-index:999}
@keyframes scan{to{top:100vh}}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:500;background:rgba(2,12,20,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--bd)}
.nav-inner{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-family:'Orbitron',sans-serif;font-weight:900;font-size:18px;color:var(--c);letter-spacing:4px;display:flex;align-items:center;gap:9px;text-decoration:none}
.logo-mark{width:30px;height:30px;border:2px solid var(--c);transform:rotate(45deg);display:flex;align-items:center;justify-content:center}
.logo-mark span{transform:rotate(-45deg);font-size:12px;font-family:'Orbitron',sans-serif;font-weight:900}
.nav-links{display:flex;gap:4px;align-items:center}
.nav-links a{color:var(--mut);text-decoration:none;font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;transition:color .2s;padding:4px 8px;border-radius:2px;white-space:nowrap}
.nav-links a:hover{color:var(--c);background:rgba(0,229,255,.07)}
.nav-right{display:flex;gap:8px;align-items:center}
.nav-btn{background:transparent;border:1px solid var(--o);color:var(--o);padding:7px 16px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s;white-space:nowrap;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%)}
.nav-btn:hover{background:var(--o);color:#fff;box-shadow:0 0 18px rgba(255,98,0,.35)}
.mob-toggle{display:none;background:none;border:1px solid var(--bd);color:var(--c);padding:8px 10px;cursor:pointer;font-size:15px}
.mob-nav{display:none;position:fixed;top:60px;left:0;right:0;z-index:499;background:rgba(2,12,20,.98);border-bottom:1px solid var(--bd);flex-direction:column;padding:8px 0}
.mob-nav.open{display:flex}
.mob-nav a{color:var(--mut);text-decoration:none;font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:12px 24px;border-bottom:1px solid rgba(0,229,255,.06);display:flex;align-items:center;gap:10px;transition:all .2s}
.mob-nav a:hover{color:var(--c);background:rgba(0,229,255,.05)}
.mob-nav a i{width:16px;text-align:center;font-size:13px}
.mob-cta{margin:12px 16px 8px!important;background:var(--o)!important;color:#fff!important;text-align:center;justify-content:center;padding:12px 24px!important}

/* TICKER */
.ticker-wrap{margin-top:60px;background:rgba(0,229,255,.045);border-bottom:1px solid var(--bd);padding:8px 0;overflow:hidden;position:relative;z-index:2}
.ticker{display:flex;gap:60px;animation:ticker 26s linear infinite;white-space:nowrap;width:max-content}
.ti{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--mut);display:flex;align-items:center;gap:8px}
.ti i{color:var(--o);font-size:8px}
@keyframes ticker{to{transform:translateX(-50%)}}

/* LAYOUT */
section{padding:80px 0;position:relative;z-index:2}
.container{max-width:1240px;margin:0 auto;padding:0 20px}
.eye{display:block;font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--o);margin-bottom:8px}
.stitle{font-family:'Orbitron',sans-serif;font-size:clamp(24px,4vw,44px);font-weight:700;color:#fff;line-height:1.2}
.stitle .ac{color:var(--c)}
.sline{width:60px;height:2px;background:linear-gradient(90deg,var(--c),transparent);margin:12px auto 0}
.shdr{text-align:center;margin-bottom:50px}
.rv{opacity:0;transform:translateY(30px);transition:opacity .65s ease,transform .65s ease}
.rv.vis{opacity:1;transform:translateY(0)}

/* BUTTONS */
.btn-p{background:var(--c);color:var(--dk);border:none;padding:12px 30px;font-family:'Orbitron',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.btn-p:hover{background:#2af0ff;box-shadow:0 0 24px rgba(0,229,255,.45);transform:translateY(-2px)}
.btn-s{background:transparent;color:var(--txt);border:1px solid var(--bd);padding:12px 30px;font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.btn-s:hover{border-color:var(--c);color:var(--c);background:rgba(0,229,255,.05)}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;padding:70px 0 50px;position:relative;overflow:hidden}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,229,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.03) 1px,transparent 1px);background-size:65px 65px;mask-image:radial-gradient(ellipse 80% 80% at 55% 45%,black 0%,transparent 65%);z-index:0}
.corner{position:absolute;width:50px;height:50px}
.ctL{top:80px;left:30px;border-top:2px solid var(--c);border-left:2px solid var(--c);opacity:.35}
.ctR{top:80px;right:30px;border-top:2px solid var(--c);border-right:2px solid var(--c);opacity:.35}
.cbL{bottom:40px;left:30px;border-bottom:2px solid var(--c);border-left:2px solid var(--c);opacity:.35}
.cbR{bottom:40px;right:30px;border-bottom:2px solid var(--c);border-right:2px solid var(--c);opacity:.35}
.hero-inner{position:relative;z-index:2;max-width:800px}
.hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(0,229,255,.07);border:1px solid rgba(0,229,255,.28);padding:5px 14px;margin-bottom:24px;font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--c);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);animation:fadeUp .8s ease both}
.dot{width:6px;height:6px;border-radius:50%;background:var(--o);animation:blink 1.6s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-family:'Orbitron',sans-serif;font-size:clamp(34px,7vw,82px);font-weight:900;line-height:1.05;animation:fadeUp .8s ease .1s both}
.hl1{display:block;color:#fff}
.hl2{display:block;background:linear-gradient(100deg,var(--c),#0088bb 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hl3{display:block;color:var(--o);font-size:.48em;letter-spacing:8px;font-weight:400;margin-top:4px}
.hero-sub{margin-top:20px;font-size:15px;line-height:1.85;color:var(--mut);max-width:520px;animation:fadeUp .8s ease .2s both}
.hero-stats{display:flex;gap:28px;margin-top:30px;flex-wrap:wrap;animation:fadeUp .8s ease .3s both}
.stat{display:flex;flex-direction:column;gap:3px}
.sn{font-family:'Orbitron',sans-serif;font-size:28px;font-weight:700;color:var(--c);line-height:1}
.sn em{color:var(--o);font-style:normal;font-size:.6em}
.sl{font-size:11px;color:var(--mut);letter-spacing:1px}
.hero-btns{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap;animation:fadeUp .8s ease .4s both}
.hero-hud{position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;gap:12px;opacity:.6;animation:fadeIn 1.2s ease .6s both}
.hud-row{display:flex;flex-direction:column;gap:3px;align-items:flex-end}
.hud-lbl{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:2px;color:var(--mut);text-transform:uppercase}
.hud-bar{width:100px;height:3px;background:rgba(0,229,255,.1);position:relative;overflow:hidden}
.hud-fill{position:absolute;left:0;top:0;bottom:0;background:var(--c);animation:fillBar 2s ease 1s both}
@keyframes fillBar{from{width:0}}
.hud-sys{font-family:'Orbitron',sans-serif;font-size:8px;color:var(--mut);letter-spacing:2px;text-align:right;margin-top:4px}

/* SERVICES */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2px}
.svc-card{background:var(--pan);border:1px solid var(--bd);padding:32px 28px;position:relative;overflow:hidden;transition:all .3s}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--c),transparent);opacity:0;transition:opacity .3s}
.svc-card:hover{background:rgba(0,229,255,.03);border-color:rgba(0,229,255,.32)}
.svc-card:hover::before{opacity:1}
.svc-ico{width:48px;height:48px;border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:18px;transform:rotate(45deg);background:rgba(0,229,255,.04);transition:all .3s;color:var(--c)}
.svc-ico i{transform:rotate(-45deg)}
.svc-card:hover .svc-ico{border-color:var(--c);background:rgba(0,229,255,.1)}
.svc-card h3{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:1px}
.svc-card p{font-size:13px;line-height:1.8;color:var(--mut)}
.svc-price{margin-top:14px;font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:600;color:var(--g);letter-spacing:1px;display:flex;align-items:center;gap:6px}
.svc-price::before{content:'';width:16px;height:1px;background:var(--g)}

/* EARNINGS */
.earn-sect{background:var(--dk2)}
.earn-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.earn-panel{background:var(--pan);border:1px solid var(--bd);padding:28px}
.ep-head{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:3px;color:var(--c);text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.ep-head::before{content:'';width:12px;height:1px;background:var(--c)}
.tier-rows{display:flex;flex-direction:column;gap:8px}
.tier{display:flex;align-items:center;gap:10px;padding:11px 14px;background:rgba(0,0,0,.3);border-left:3px solid;transition:all .2s}
.tier:hover{background:rgba(0,229,255,.04)}
.t-new{border-color:#777}.t-pro{border-color:var(--c)}.t-ace{border-color:var(--g)}
.t-badge{font-family:'Orbitron',sans-serif;font-size:9px;font-weight:700;padding:2px 7px;letter-spacing:1px}
.t-new .t-badge{background:rgba(119,119,119,.15);color:#888}
.t-pro .t-badge{background:rgba(0,229,255,.12);color:var(--c)}
.t-ace .t-badge{background:rgba(255,208,0,.12);color:var(--g)}
.t-info{flex:1}.t-name{font-size:13px;color:#fff;font-weight:500}.t-desc{font-size:11px;color:var(--mut);margin-top:1px}
.t-pct{font-family:'Orbitron',sans-serif;font-size:19px;font-weight:700}
.t-new .t-pct{color:#888}.t-pro .t-pct{color:var(--c)}.t-ace .t-pct{color:var(--g)}
.earn-meta{margin-top:20px;padding-top:16px;border-top:1px solid var(--bd);display:flex;gap:18px;flex-wrap:wrap}
.em-item .em-lbl{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:2px;color:var(--mut);text-transform:uppercase}
.em-item .em-val{font-size:13px;color:#fff;margin-top:3px}
.earn-txt h2{font-family:'Orbitron',sans-serif;font-size:32px;font-weight:700;color:#fff;line-height:1.3;margin-bottom:16px}
.earn-txt h2 em{font-style:normal;color:var(--c)}
.earn-txt p{font-size:14px;line-height:1.9;color:var(--mut);margin-bottom:12px}
.hi-box{background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.2);padding:13px 16px;margin-top:18px;display:flex;align-items:center;gap:10px}
.hi-box i{font-size:20px;color:var(--g)}
.hi-box .ht{font-size:13px;color:var(--txt);line-height:1.6}
.hi-box strong{color:var(--g)}

/* REFERRAL */
.ref-sect{background:var(--dk3)}
.ref-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.ref-card{background:var(--pan);border:1px solid var(--bd);padding:28px 24px;position:relative;overflow:hidden;transition:all .3s}
.ref-card:hover{border-color:rgba(0,229,255,.3);transform:translateY(-3px)}
.ref-card::after{content:'';position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;opacity:.05}
.rc-share::after{background:var(--c)}.rc-recruit::after{background:var(--g)}.rc-vip::after{background:var(--o)}
.ref-ico{font-size:28px;margin-bottom:10px}
.rc-share .ref-ico{color:var(--c)}.rc-recruit .ref-ico{color:var(--g)}.rc-vip .ref-ico{color:var(--o)}
.ref-reward{font-family:'Orbitron',sans-serif;font-size:28px;font-weight:900;line-height:1;margin-bottom:4px}
.rc-share .ref-reward{color:var(--c)}.rc-recruit .ref-reward{color:var(--g)}.rc-vip .ref-reward{color:var(--o)}
.ref-reward span{font-size:.5em;opacity:.7}
.ref-name{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;color:#fff}
.ref-desc{font-size:13px;line-height:1.8;color:var(--mut);margin-bottom:14px}
.ref-steps{list-style:none;display:flex;flex-direction:column;gap:5px}
.ref-steps li{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--txt);line-height:1.5}
.ref-steps li i{color:var(--c);font-size:10px;margin-top:3px;flex-shrink:0}
.ref-tag{display:inline-block;margin-top:12px;padding:3px 10px;font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;border:1px solid}
.rc-share .ref-tag{border-color:rgba(0,229,255,.35);color:var(--c)}
.rc-recruit .ref-tag{border-color:rgba(255,208,0,.35);color:var(--g)}
.rc-vip .ref-tag{border-color:rgba(255,98,0,.35);color:var(--o)}
.ref-banner{margin-top:30px;background:rgba(0,229,255,.05);border:1px solid rgba(0,229,255,.18);padding:18px 24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ref-banner i{font-size:24px;color:var(--c)}
.rb-txt{flex:1}
.rb-title{font-family:'Orbitron',sans-serif;font-size:12px;color:var(--c);letter-spacing:2px;margin-bottom:4px}
.rb-sub{font-size:12px;color:var(--mut)}

/* LEVEL */
.lv-sect{background:var(--dk2)}
.lv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.lv-card{background:var(--pan);border:1px solid var(--bd);padding:32px 24px;text-align:center;position:relative;overflow:hidden;transition:all .3s}
.lv-card:hover{background:rgba(0,229,255,.025)}
.lv-badge{font-family:'Orbitron',sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:3px 12px;display:inline-block;margin-bottom:14px}
.lv-new .lv-badge{background:rgba(119,119,119,.15);color:#888;border:1px solid rgba(119,119,119,.3)}
.lv-pro .lv-badge{background:rgba(0,229,255,.1);color:var(--c);border:1px solid rgba(0,229,255,.28)}
.lv-ace .lv-badge{background:rgba(255,208,0,.1);color:var(--g);border:1px solid rgba(255,208,0,.28)}
.lv-pct{font-family:'Orbitron',sans-serif;font-size:48px;font-weight:900;line-height:1;margin-bottom:6px}
.lv-new .lv-pct{color:#777}.lv-pro .lv-pct{color:var(--c)}.lv-ace .lv-pct{color:var(--g)}
.lv-pct span{font-size:.5em;opacity:.65}
.lv-title{font-size:15px;color:#fff;font-weight:500;margin-bottom:8px}
.lv-perks{list-style:none;display:flex;flex-direction:column;gap:5px;margin-top:14px}
.lv-perks li{font-size:12px;color:var(--mut);display:flex;align-items:center;gap:5px;justify-content:center}
.lv-perks li i{color:var(--gr);font-size:9px}
.lv-bg{position:absolute;bottom:-15px;right:-15px;font-size:72px;opacity:.04;font-family:'Orbitron',sans-serif;font-weight:900;pointer-events:none}

/* REQUIREMENTS */
.req-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.req-card{background:var(--pan);border:1px solid var(--bd);padding:24px 20px;position:relative;transition:all .3s}
.req-card:hover{border-color:rgba(0,229,255,.32);transform:translateY(-3px)}
.req-n{position:absolute;top:-1px;right:18px;font-family:'Orbitron',sans-serif;font-size:10px;font-weight:700;background:var(--c);color:var(--dk);padding:2px 9px;letter-spacing:2px}
.req-card h4{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:var(--c);letter-spacing:1px;text-transform:uppercase;margin-bottom:7px;display:flex;align-items:center;gap:6px}
.req-card p{font-size:13px;line-height:1.8;color:var(--mut)}

/* RULES */
.rules-sect{background:var(--dk3)}
.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.rules-blk h3{font-family:'Orbitron',sans-serif;font-size:13px;font-weight:700;color:#fff;margin-bottom:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.badge{font-size:9px;font-family:'Rajdhani',sans-serif;letter-spacing:2px;padding:2px 8px;text-transform:uppercase}
.b-w{background:rgba(255,98,0,.12);color:var(--o);border:1px solid rgba(255,98,0,.28)}
.b-s{background:rgba(0,229,255,.1);color:var(--c);border:1px solid var(--bd)}
.b-d{background:rgba(255,68,68,.1);color:var(--re);border:1px solid rgba(255,68,68,.28)}
.rule-item{display:flex;gap:9px;align-items:flex-start;padding:11px 13px;border-left:2px solid;background:rgba(0,0,0,.2);margin-bottom:7px;font-size:13px;line-height:1.65;color:var(--mut);transition:all .2s}
.rule-item:hover{background:rgba(0,0,0,.32);color:var(--txt)}
.ri-w{border-color:var(--o)}.ri-s{border-color:var(--c)}.ri-d{border-color:var(--re)}
.rule-ico{font-size:14px;flex-shrink:0;margin-top:1px;width:16px;text-align:center}

/* APPLY */
.apply-sect{background:var(--dk2)}
.apply-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.apply-info h2{font-family:'Orbitron',sans-serif;font-size:30px;font-weight:700;color:#fff;line-height:1.3;margin-bottom:16px}
.apply-info h2 em{font-style:normal;color:var(--c)}
.apply-info p{font-size:14px;line-height:1.9;color:var(--mut);margin-bottom:12px}
.apply-perks{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:18px}
.apply-perks li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--txt);padding:8px 12px;background:rgba(0,229,255,.04);border-left:2px solid var(--c)}
.apply-perks li i{color:var(--c);width:16px;text-align:center}
.apply-form{background:var(--pan);border:1px solid var(--bd);padding:28px}
.apply-form h3{font-family:'Orbitron',sans-serif;font-size:13px;color:var(--c);letter-spacing:2px;margin-bottom:20px;display:flex;align-items:center;gap:8px}
.fg{margin-bottom:13px}
.fg label{display:block;font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--mut);margin-bottom:5px}
.fg input,.fg select,.fg textarea{width:100%;background:rgba(0,0,0,.45);border:1px solid var(--bd);color:var(--txt);padding:9px 12px;font-family:'Noto Sans SC',sans-serif;font-size:13px;outline:none;transition:border-color .2s}
.fg select option{background:#061018}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--c)}
.fg textarea{min-height:72px;resize:vertical}
.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fg-contact{display:grid;grid-template-columns:100px 1fr;gap:8px}
.form-msg{text-align:center;font-size:13px;padding:8px;margin-top:10px;display:none}
.msg-ok{color:var(--gr);background:rgba(0,230,118,.08);border:1px solid rgba(0,230,118,.2)}
.msg-err{color:var(--re);background:rgba(255,68,68,.08);border:1px solid rgba(255,68,68,.2)}

/* Q&A */
.qa-sect{background:var(--dk3)}
.qa-layout{display:grid;grid-template-columns:380px 1fr;gap:30px;align-items:start}
.qa-form-wrap{position:sticky;top:72px}
.qa-form{background:var(--pan);border:1px solid var(--bd);padding:24px}
.qa-form h3{font-family:'Orbitron',sans-serif;font-size:13px;color:var(--c);letter-spacing:2px;margin-bottom:18px;display:flex;align-items:center;gap:8px}
.form-note{font-size:12px;color:var(--mut);margin-bottom:13px;line-height:1.6}
.submit-btn{width:100%;background:var(--c);color:var(--dk);border:none;padding:11px;cursor:pointer;font-family:'Orbitron',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:all .2s;clip-path:polygon(7px 0%,100% 0%,calc(100% - 7px) 100%,0% 100%)}
.submit-btn:hover{background:#2af0ff;box-shadow:0 0 22px rgba(0,229,255,.38)}
.submit-btn:disabled{opacity:.4;cursor:not-allowed}
.qa-loading{text-align:center;padding:36px;color:var(--mut);font-size:14px}
.qa-empty{text-align:center;padding:36px;color:var(--mut);font-size:14px;border:1px solid var(--bd)}
.qa-item{background:var(--pan);border:1px solid var(--bd);margin-bottom:14px;overflow:hidden}
.qa-q-head{padding:16px 18px;border-bottom:1px solid rgba(0,229,255,.07)}
.qa-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.qa-nick{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--c);text-transform:uppercase}
.qa-time{font-size:11px;color:var(--mut)}
.qa-content{font-size:14px;color:var(--txt);line-height:1.65}
.qa-comments{background:rgba(0,0,0,.2)}
.qa-comment{padding:10px 18px;border-bottom:1px solid rgba(0,229,255,.04);display:flex;gap:8px;align-items:flex-start}
.qa-comment:last-child{border-bottom:none}
.cmt-nick{font-size:11px;font-family:'Rajdhani',sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;flex-shrink:0;margin-top:1px}
.cmt-body{font-size:13px;line-height:1.6;flex:1}
.cmt-official .cmt-nick{color:var(--c)}.cmt-official .cmt-body{color:var(--txt)}
.cmt-user .cmt-nick{color:var(--mut)}.cmt-user .cmt-body{color:var(--mut)}
.official-badge{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-family:'Orbitron',sans-serif;font-weight:700;letter-spacing:1px;background:rgba(0,229,255,.12);color:var(--c);border:1px solid rgba(0,229,255,.3);padding:1px 6px;margin-right:4px;vertical-align:middle}
.qa-reply-toggle{padding:8px 18px;background:none;border:none;border-top:1px solid rgba(0,229,255,.06);color:var(--mut);font-size:11px;font-family:'Rajdhani',sans-serif;font-weight:700;letter-spacing:1px;cursor:pointer;width:100%;text-align:left;transition:color .2s;display:flex;align-items:center;gap:6px}
.qa-reply-toggle:hover{color:var(--c)}
.qa-reply-form{padding:10px 18px;background:rgba(0,229,255,.02);border-top:1px solid rgba(0,229,255,.07);display:none}
.qa-reply-form.open{display:flex;gap:7px;flex-wrap:wrap;align-items:flex-end}
.rfi{flex:1;min-width:140px}
.rfi input{width:100%;background:rgba(0,0,0,.3);border:1px solid var(--bd);color:var(--txt);padding:7px 11px;font-size:13px;font-family:'Noto Sans SC',sans-serif;outline:none;transition:border-color .2s}
.rfi input:focus{border-color:var(--c)}
.rfi-msg{flex:2;min-width:180px}
.rfi-btn{background:var(--c);color:var(--dk);border:none;padding:7px 18px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:12px;letter-spacing:2px;cursor:pointer;clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%);transition:all .2s;white-space:nowrap}
.rfi-btn:hover{background:#2af0ff}

/* FAQ */
.faq-list{max-width:760px;margin:0 auto}
.faq-item{border:1px solid var(--bd);margin-bottom:2px;background:var(--pan);overflow:hidden}
.faq-q{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;color:#fff;font-weight:500;transition:background .2s;user-select:none}
.faq-q:hover{background:rgba(0,229,255,.035)}
.faq-chv{width:16px;height:16px;border:1px solid var(--mut);display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--c);transition:transform .2s;flex-shrink:0}
.faq-item.open .faq-chv{transform:rotate(180deg);border-color:var(--c)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s;font-size:13px;color:var(--mut);line-height:1.85;padding:0 20px}
.faq-item.open .faq-a{max-height:260px;padding:0 20px 16px}

/* JOIN */
.join-sect{background:var(--dk2);text-align:center}
.join-panel{background:var(--pan);border:1px solid var(--bd);max-width:660px;margin:0 auto;padding:50px 40px;position:relative;overflow:hidden}
.join-panel::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,229,255,.05) 0%,transparent 60%);pointer-events:none}
.join-panel h2{font-family:'Orbitron',sans-serif;font-size:28px;font-weight:700;color:#fff;margin-bottom:10px}
.join-panel>p{color:var(--mut);font-size:14px;line-height:1.8;margin-bottom:24px}
.steps-row{display:flex;border:1px solid var(--bd);margin-bottom:30px;overflow:hidden}
.step{flex:1;padding:16px 10px;text-align:center;border-right:1px solid var(--bd)}
.step:last-child{border-right:none}
.step-n{font-family:'Orbitron',sans-serif;font-size:20px;font-weight:900;color:var(--c);opacity:.3;line-height:1}
.step-txt{font-size:11px;color:var(--txt);margin-top:4px;line-height:1.4}
.join-id{background:rgba(0,0,0,.4);border:1px solid var(--bd);padding:11px 20px;font-family:'Orbitron',sans-serif;font-size:16px;font-weight:700;color:var(--c);letter-spacing:4px;margin-bottom:16px;display:inline-block}
.join-note{font-size:12px;color:var(--mut);line-height:1.8}

/* FOOTER */
footer{border-top:1px solid var(--bd);padding:24px 0;position:relative;z-index:2}
.foot-inner{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.foot-logo{font-family:'Orbitron',sans-serif;font-size:13px;font-weight:700;color:var(--mut);letter-spacing:4px;display:flex;align-items:center;gap:8px}
.foot-txt{font-size:11px;color:var(--mut);opacity:.5}
.foot-links{display:flex;gap:16px}
.foot-links a{font-size:11px;color:var(--mut);text-decoration:none;opacity:.6;transition:opacity .2s}
.foot-links a:hover{opacity:1;color:var(--c)}

@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:.6}}

@media(max-width:960px){
  .nav-links{display:none}.mob-toggle{display:flex}
  .hero h1{font-size:32px}.hero-stats{gap:18px}.hero-hud{display:none}
  .earn-layout,.apply-layout,.qa-layout,.rules-grid{grid-template-columns:1fr}
  .lv-grid{grid-template-columns:1fr}.qa-form-wrap{position:static}
  .join-panel{padding:36px 18px}.steps-row{flex-direction:column}
  .step{border-right:none;border-bottom:1px solid var(--bd)}.step:last-child{border-bottom:none}
}
@media(max-width:600px){
  .hero-btns{flex-direction:column}.hero-btns .btn-p,.hero-btns .btn-s{justify-content:center}
  .fg-row,.fg-contact{grid-template-columns:1fr}.ref-grid{grid-template-columns:1fr}
  section{padding:60px 0}
}