:root{
  color-scheme:dark;
  --bg:#02050b;--night:#050914;--card:#0d1728;--card2:#111f35;--text:#f7fbff;--muted:#9badc1;
  --blue:#009cff;--blue2:#63c8ff;--green:#9ee600;--green2:#c8ff63;--line:rgba(217,235,255,.14);
  --danger:#ff5d6c;--warning:#ffb020;--shadow:0 24px 80px rgba(0,0,0,.45);--radius:22px;
  --safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100dvh;color:var(--text);background:radial-gradient(circle at 20% -10%,rgba(0,156,255,.13),transparent 34rem),linear-gradient(180deg,#050914,#02050b 60%);overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--blue2)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue2);outline-offset:3px}.noscript{margin:2rem;padding:1rem;border:1px solid var(--danger);border-radius:14px;background:rgba(255,93,108,.1)}
.site-header{position:fixed;z-index:40;top:0;left:0;right:0;height:calc(66px + var(--safe-top));padding:var(--safe-top) max(14px,calc((100vw - 1080px)/2)) 0;display:flex;align-items:center;justify-content:space-between;background:rgba(2,5,11,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}.brand img{width:48px;height:48px;object-fit:cover;border-radius:14px}.brand span{display:grid;line-height:1}.brand strong{font-size:.88rem;letter-spacing:.08em}.brand em{color:var(--green);font-style:normal}.brand small{margin-top:6px;color:var(--muted);font-size:.58rem;letter-spacing:.08em}.header-action,.link-button{border:0;background:transparent;color:var(--blue2);font-weight:800;cursor:pointer}.header-action{padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04)}
main{padding-top:calc(66px + var(--safe-top))}.screen{min-height:calc(100dvh - 66px - var(--safe-top));}.screen[hidden]{display:none!important}.content{width:min(100% - 28px,980px);margin:0 auto}.hero-screen{position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('assets/premium-hero.webp') 61% 25%/cover no-repeat;opacity:.38}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,11,.98) 0%,rgba(2,5,11,.86) 48%,rgba(2,5,11,.56)),linear-gradient(0deg,#02050b 0%,transparent 58%)}.hero-content{position:relative;z-index:2;padding:48px 0 62px}.eyebrow{color:var(--blue2);font-weight:900;font-size:.72rem;letter-spacing:.2em}.hero-content h1{max-width:790px;margin:14px 0 18px;font-size:clamp(2.35rem,7.5vw,5.4rem);line-height:.94;letter-spacing:-.055em}.hero-content h1 span{color:var(--green)}.lead{max-width:690px;margin:0;color:#dbe7f2;font-size:clamp(1rem,2.4vw,1.28rem);line-height:1.55}.trust-row{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.trust-row span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(6,14,25,.7);color:#dbe7f2;font-size:.84rem;font-weight:800}.service-panel{width:min(100%,780px);margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(9,18,31,.87);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.panel-label{margin:0 0 13px;color:#dce8f4;font-weight:900}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.service-card{min-height:128px;padding:15px 10px;border:1px solid var(--line);border-radius:17px;background:#0a1424;color:var(--text);cursor:pointer;text-align:left;transition:.16s ease}.service-card:hover{transform:translateY(-2px);border-color:rgba(99,200,255,.38)}.service-card.is-selected{border-color:var(--green);box-shadow:0 0 0 2px rgba(158,230,0,.14),0 15px 35px rgba(0,0,0,.25);background:linear-gradient(180deg,rgba(158,230,0,.08),#0a1424)}.service-card span{display:block;color:var(--green);font-size:1.45rem}.service-card b{display:block;margin:10px 0 5px;font-size:.9rem;line-height:1.15}.service-card small{color:var(--muted);font-size:.7rem}.hint{min-height:20px;margin:13px 0;color:var(--muted);font-size:.83rem}.microcopy{color:var(--muted);font-size:.76rem;line-height:1.45;margin:14px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 18px;border-radius:14px;border:1px solid transparent;text-decoration:none;font-weight:900;cursor:pointer;transition:.15s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.44;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#00a6ff,#0378ff);color:white;box-shadow:0 14px 36px rgba(0,156,255,.21)}.btn-green{background:linear-gradient(135deg,#b8f52c,#7cc900);color:#081006;box-shadow:0 14px 36px rgba(158,230,0,.18)}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.04);color:#dce8f4}.btn-xl{width:100%;min-height:58px;font-size:1rem}
.game-content{padding:28px 0 70px}.game-topline{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.game-topline h2{margin:5px 0 0;font-size:1.6rem}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.hud>div{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.hud small{display:block;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.12em}.hud strong{font-size:1.55rem}.hud span{color:var(--muted);font-size:.8rem;margin-left:2px}.mission-copy{display:flex;align-items:center;gap:13px;margin-bottom:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(9,18,31,.72)}.mission-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:rgba(158,230,0,.11);color:var(--green);font-size:1.3rem}.mission-copy p{margin:4px 0 0;color:var(--muted);font-size:.82rem}.game-board{position:relative;height:min(60vh,560px);min-height:390px;overflow:hidden;border:1px solid rgba(99,200,255,.24);border-radius:26px;background:radial-gradient(circle at 50% 40%,rgba(0,156,255,.10),transparent 22rem),linear-gradient(180deg,#0b1728,#050a12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),var(--shadow);touch-action:manipulation;user-select:none}.board-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:44px 44px}.target{position:absolute;left:50%;top:50%;width:74px;height:74px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.62);border-radius:50%;background:radial-gradient(circle at 35% 30%,#d5ff73,var(--green) 28%,#5c9100 70%);color:#071106;font-size:1.7rem;font-weight:900;box-shadow:0 0 0 12px rgba(158,230,0,.09),0 0 42px rgba(158,230,0,.55);cursor:pointer;animation:targetPulse .76s ease-in-out infinite alternate}.target.is-hit{animation:none;transform:translate(-50%,-50%) scale(.82);opacity:.6}.tap-feedback{position:absolute;pointer-events:none;font-weight:950;font-size:1rem;opacity:0}.tap-feedback.show{animation:feedback .55s ease-out}.game-tip{color:var(--muted);font-size:.76rem;text-align:center}.game-board.time-low{border-color:rgba(255,93,108,.55);box-shadow:inset 0 0 36px rgba(255,93,108,.08),var(--shadow)}
.result-content{padding:34px 0 70px}.result-card,.lead-section,.thanks-card{width:min(100%,720px);margin:0 auto;padding:26px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(16,31,51,.96),rgba(8,16,29,.98));box-shadow:var(--shadow)}.result-card{text-align:center}.grade-badge{display:grid;place-items:center;width:64px;height:64px;margin:18px auto 5px;border:1px solid rgba(158,230,0,.4);border-radius:18px;background:rgba(158,230,0,.1);color:var(--green);font-size:2rem;font-weight:950}.result-card h2{font-size:clamp(1.8rem,5vw,2.5rem);margin:8px 0 16px}.score-ring{display:flex;align-items:baseline;justify-content:center;width:178px;height:178px;margin:0 auto;border-radius:50%;border:10px solid rgba(0,156,255,.18);box-shadow:inset 0 0 0 1px rgba(99,200,255,.18),0 0 55px rgba(0,156,255,.12);background:radial-gradient(circle,rgba(0,156,255,.1),transparent 68%)}.score-ring strong{align-self:center;font-size:4.2rem;line-height:1}.score-ring span{align-self:center;margin-top:38px;color:var(--muted)}.result-summary{max-width:560px;margin:16px auto 18px;color:#d6e4f1;line-height:1.55}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.result-stats>div{padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.result-stats small{display:block;color:var(--muted);font-size:.66rem}.result-stats strong{display:block;margin-top:4px;font-size:.88rem}.advantage-box{margin:18px 0;padding:15px;border:1px solid rgba(158,230,0,.25);border-radius:16px;background:rgba(158,230,0,.06);text-align:left}.advantage-box b{color:var(--green)}.advantage-box p{margin:5px 0 0;color:#d8e6f1;font-size:.86rem;line-height:1.45}.cta-stack{display:grid;gap:10px}.lead-section{margin-top:18px;text-align:left}.lead-heading h2{margin:7px 0 8px}.lead-heading p{color:var(--muted);line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:7px;font-size:.82rem;font-weight:800;color:#dce8f4}.form-wide{grid-column:1/-1}input,select{width:100%;min-height:50px;border:1px solid var(--line);border-radius:13px;background:#07101c;color:var(--text);padding:11px 12px}input::placeholder{color:#71859b}.consent-row{display:flex;gap:10px;align-items:flex-start;margin:18px 0 10px;color:#d9e5ef;font-size:.78rem;line-height:1.45}.consent-row input{width:20px;height:20px;min-height:auto;margin-top:1px;flex:0 0 auto}.privacy-note{padding:12px;border-radius:12px;background:rgba(255,255,255,.035);color:var(--muted);font-size:.69rem;line-height:1.45}.hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-submit{margin-top:16px}.form-status{min-height:22px;margin:10px 0 0;font-size:.8rem}.form-status.error{color:#ff8490}.form-status.success{color:#aef06f}.thanks-content{padding:52px 0 86px}.thanks-card{text-align:center}.checkmark{display:grid;place-items:center;width:80px;height:80px;margin:0 auto 18px;border-radius:50%;background:rgba(158,230,0,.12);border:1px solid rgba(158,230,0,.4);color:var(--green);font-size:2.4rem;font-weight:950}.thanks-card h2{font-size:clamp(1.8rem,5vw,2.5rem)}.thanks-card p{color:var(--muted);line-height:1.55}.site-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px;padding:22px 16px calc(22px + var(--safe-bottom));border-top:1px solid var(--line);color:var(--muted);font-size:.73rem}.site-footer a{color:#cbd9e6;text-decoration:none}
@keyframes targetPulse{to{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 17px rgba(158,230,0,.07),0 0 54px rgba(158,230,0,.62)}}@keyframes feedback{0%{opacity:0;transform:translateY(8px) scale(.8)}20%{opacity:1}100%{opacity:0;transform:translateY(-20px) scale(1.08)}}
@media(max-width:760px){.brand small{display:none}.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:112px}.service-card:last-child{grid-column:1/-1}.hero-content{padding-top:32px}.service-panel{padding:16px}.result-card,.lead-section,.thanks-card{padding:20px}.game-content{padding-top:18px}.game-board{height:54vh;min-height:370px}.target{width:70px;height:70px}.result-stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}.hud strong{font-size:1.25rem}}
@media(max-width:390px){.content{width:min(100% - 20px,980px)}.brand strong{font-size:.78rem}.header-action{font-size:.78rem}.hero-content h1{font-size:2.28rem}.service-card b{font-size:.82rem}.game-board{min-height:340px}.hud{gap:7px}.hud>div{padding:11px}.result-card,.lead-section{border-radius:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.target{animation:none}.btn,.service-card{transition:none}}