@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
@import url('steps-fix.css');
:root{--bg:#020817;--panel:#071329;--line:#17345c;--cyan:#00d9ff;--blue:#1677ff;--text:#f2f7ff;--muted:#8fa9ca;--glow:0 0 35px rgba(0,217,255,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh;overflow-x:hidden;background-image:linear-gradient(rgba(20,91,166,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(20,91,166,.06) 1px,transparent 1px);background-size:48px 48px}.ambient{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.2}.a1{width:500px;height:500px;background:#006eff;right:-220px;top:-150px}.a2{width:420px;height:420px;background:#00d9ff;left:-260px;bottom:-170px}.topbar{height:82px;position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr minmax(240px,360px) 1fr;align-items:center;padding:0 clamp(22px,5vw,72px);background:rgba(2,8,23,.8);backdrop-filter:blur(18px);border-bottom:1px solid rgba(52,121,192,.25)}.brand{border:0;background:0;color:white;display:flex;align-items:center;gap:12px;letter-spacing:.16em;font-size:13px;cursor:pointer}.logo{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--cyan);clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%);color:var(--cyan);font:700 18px 'Space Grotesk';box-shadow:inset 0 0 18px rgba(0,217,255,.15)}.progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px;font:600 11px 'Space Grotesk';letter-spacing:.12em;color:var(--muted)}.progress i{height:3px;background:#122847;display:block}.progress i b{width:33.333%;height:100%;display:block;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 12px var(--cyan);transition:.4s}.admin-link{justify-self:end;color:var(--muted);text-decoration:none;font-size:12px}.stage{display:none;width:min(1180px,calc(100% - 40px));margin:auto;min-height:calc(100vh - 82px);padding:clamp(52px,8vw,104px) 0}.stage.active{display:grid;animation:enter .5s ease}@keyframes enter{from{opacity:0;transform:translateY(14px)}}[data-stage="1"]{grid-template-columns:.9fr 1.1fr;gap:clamp(48px,7vw,95px);align-items:center}.eyebrow{font:700 11px 'Space Grotesk';letter-spacing:.17em;color:var(--cyan)}h1,h2{font-family:'Space Grotesk';letter-spacing:-.055em;line-height:.98;margin:22px 0}h1{font-size:clamp(46px,6vw,78px)}h2{font-size:clamp(40px,5vw,64px)}.hero-copy>p,.section-head>p,.form-copy>p{font-size:19px;line-height:1.65;color:var(--muted);max-width:650px}.signals{display:flex;gap:20px;flex-wrap:wrap;margin:30px 0;color:#b9cde8;font-size:13px}.signals span::first-letter{color:var(--cyan)}.cta{border:1px solid #2e8cff;background:linear-gradient(105deg,#0869eb,#00aeda);color:white;border-radius:4px;min-height:58px;padding:0 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font:700 15px 'Space Grotesk';cursor:pointer;box-shadow:0 12px 40px rgba(0,119,255,.25),inset 0 0 24px rgba(255,255,255,.08);transition:.2s}.cta:hover{transform:translateY(-2px);box-shadow:0 16px 50px rgba(0,217,255,.3)}.hero-copy>small,form>small{display:block;color:#647f9f;font-size:11px;margin-top:17px}.video-shell{position:relative;background:linear-gradient(145deg,#091a35,#030a18);border:1px solid #1c4774;padding:10px;box-shadow:var(--glow);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.video-shell video{display:block;width:100%;aspect-ratio:16/9;background:#000}.hud{height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 8px;font:600 10px 'Space Grotesk';letter-spacing:.13em;color:var(--cyan)}.hud em{font-style:normal;color:#6380a1}.video-shell>p{font-size:11px;color:#7290b1;margin:12px 6px 4px}.scanline{position:absolute;left:10px;right:10px;top:49px;height:1px;background:rgba(0,217,255,.38);box-shadow:0 0 10px var(--cyan);animation:scan 4s linear infinite;pointer-events:none}@keyframes scan{50%{transform:translateY(260px);opacity:.3}}.section-head{text-align:center}.section-head .back{float:left}.section-head p{margin:auto}.back{border:0;background:0;color:#7f9abb;cursor:pointer;margin-bottom:36px}.lessons{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;margin-top:46px}.lesson-nav{display:grid;gap:11px}.lesson{display:grid;grid-template-columns:46px 1fr;align-items:center;text-align:left;background:rgba(7,19,41,.78);border:1px solid #17345c;color:white;padding:17px;cursor:pointer}.lesson i{font:700 13px 'Space Grotesk';color:#5c7da4}.lesson b,.lesson small{display:block}.lesson small{color:#6984a5;margin-top:5px}.lesson.active{border-color:var(--cyan);box-shadow:inset 3px 0 var(--cyan),var(--glow)}.lesson.active i{color:var(--cyan)}.center{margin:34px auto 0}.form-stage{grid-template-columns:.8fr 1.2fr;gap:clamp(55px,8vw,110px);align-items:start}.secure{display:flex;gap:14px;border:1px solid #173d68;background:rgba(7,22,47,.65);padding:18px;color:var(--cyan);margin-top:30px}.secure span{color:#7997b9}.secure b{display:block;color:#ddebff;margin-bottom:4px}form{border:1px solid #1a4776;background:rgba(5,17,37,.9);padding:clamp(24px,4vw,40px);display:grid;gap:20px;box-shadow:var(--glow)}form label,legend{font-size:13px;font-weight:700;color:#b6cae3}input,textarea{display:block;width:100%;margin-top:8px;background:#041024;border:1px solid #1b416c;color:white;border-radius:3px;padding:13px;font:16px 'DM Sans';outline:none}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,217,255,.08)}textarea{min-height:100px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}fieldset{border:0;padding:0;margin:0}.choice{display:flex;align-items:center;border:1px solid #18395f;padding:12px;margin-top:9px;cursor:pointer}.choice input{width:auto;margin:0 10px 0 0;accent-color:var(--cyan)}.wide{width:100%}#formMessage{margin:0;color:var(--cyan);font-size:13px}.admin-body{background:#030a18}.admin-wrap{width:min(1200px,calc(100% - 32px));margin:40px auto}.admin-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.admin-title h1{font-size:38px;margin:8px 0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#071329;border:1px solid #183b64;padding:26px;overflow:auto}.card h2{font-size:22px;margin-top:0}.settings-form{display:grid;gap:14px}.settings-form label{font-size:12px;font-weight:700;color:#9db4d1}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{text-align:left;border-bottom:1px solid #15304f;padding:11px;vertical-align:top}.table th{color:var(--cyan)}.login{width:min(420px,calc(100% - 30px));margin:14vh auto;background:#071329;border:1px solid #1a4776;padding:34px;box-shadow:var(--glow)}.actions{display:flex;gap:10px;flex-wrap:wrap}.message{color:var(--cyan)}@media(max-width:850px){.topbar{grid-template-columns:1fr 1fr;padding:0 18px}.admin-link{display:none}.progress{justify-self:end}.stage[data-stage="1"],.lessons,.form-stage,.admin-grid{grid-template-columns:1fr}.video-shell{order:-1}.stage{padding-top:44px}.section-head .back{float:none}.form-copy h2{font-size:44px}}@media(max-width:560px){.topbar{height:72px}.brand b{display:none}.progress{width:130px;grid-template-columns:1fr}.stage{width:calc(100% - 26px);min-height:calc(100vh - 72px)}h1{font-size:42px}.two{grid-template-columns:1fr}.signals{gap:10px}.cta{width:100%}.admin-title{align-items:flex-start;gap:15px;flex-direction:column}.card{padding:18px}}
