:root{color:#e7eefc;background:#050816;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input{font:inherit;color:inherit}a{color:#67e8f9}button{cursor:pointer}:focus-visible{outline-offset:3px;outline:2px solid #67e8f9}.boot{place-items:center;min-height:100vh;margin:0;display:grid}.skip{position:absolute;top:-40px;left:12px}.skip:focus{color:#050816;z-index:2;background:#fff;padding:8px 12px;top:12px}.gate,.desk{background:radial-gradient(800px 420px at 12% -10%,#7c3aed73,#0000 60%),radial-gradient(640px 420px at 100% 100%,#06b6d438,#0000 55%),linear-gradient(#ffffff08 1px,#0000 1px) 0 0/100% 28px,#050816;min-height:100vh}.gate{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:48px clamp(20px,6vw,88px);display:grid}.stage h1{letter-spacing:-.04em;margin:18px 0 8px;font-size:clamp(40px,5vw,68px);line-height:1.05}.lead{color:#b7c3dc;max-width:460px}.iris{width:min(280px,70vw)}.iris p{letter-spacing:.28em;color:#67e8f9;margin:0;font-size:12px}.iris svg{width:100%;height:auto;overflow:visible}.ring{fill:none;stroke:#67e8f9bf;stroke-width:1.4px;transform-origin:100px 100px}.core{fill:#34d399;stroke:none}.spin{animation:28s linear infinite turn}.back{stroke:#7c3aede6;animation-duration:18s;animation-direction:reverse}.panel,.cards article{background:#081229d1;border:1px solid #67e8f947;border-radius:28px;box-shadow:0 24px 70px #00000059}.panel{padding:28px}.brand{color:#fff;align-items:center;gap:10px;font-weight:650;text-decoration:none;display:inline-flex}.mark{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,#2563eb,#7c3aed 55%,#06b6d4);border-radius:8px;width:28px;height:28px}.switch{background:#ffffff0a;border-radius:14px;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0;padding:4px;display:grid}.switch button,.ghost{background:0 0;border:0;border-radius:12px;min-height:44px}.switch button.on{color:#fff;background:#123056}form{gap:14px;display:grid}label{color:#c9d4ea;gap:6px;font-size:14px;display:grid}input{background:#050a18b3;border:1px solid #a7c4ff47;border-radius:12px;width:100%;min-height:48px;padding:0 14px}.secret{position:relative}.secret input{padding-right:72px}.secret .ghost{min-height:40px;position:absolute;top:4px;right:4px}.ghost{color:#9fb4d8;padding:0 12px}.go{color:#041018;background:linear-gradient(90deg,#67e8f9,#3b82f6 45%,#a78bfa);border:0;border-radius:14px;min-height:48px;font-weight:700}.go:disabled{opacity:.7;cursor:wait}.error{color:#fecaca;margin:0}.fine{color:#8ea0c2;font-size:13px}.desk{padding:22px clamp(16px,4vw,48px) 48px}.desk-bar{justify-content:space-between;align-items:center;display:flex}.welcome h1{letter-spacing:-.04em;margin:8px 0;font-size:clamp(36px,5vw,60px)}.eyebrow{color:#67e8f9;letter-spacing:.18em;margin:28px 0 0;font-size:12px}.welcome p{color:#b7c3dc}.path{gap:10px;margin-top:28px;display:grid}.path-head h2{margin:0 0 6px}.path-head p,.path-item small{color:#b7c3dc}.path-item{color:inherit;background:#081229d1;border:1px solid #67e8f947;border-radius:18px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:grid}.path-item strong,.path-item small{display:block}.path-item em{color:#67e8f9;font-style:normal}.lesson{max-width:760px;margin-top:22px}.lesson img{object-fit:cover;border-radius:22px;width:100%;max-height:360px}.lesson ul{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.lesson li{border:1px solid #67e8f947;border-radius:999px;padding:6px 12px}.class-block h3{margin:8px 0}.lesson textarea{resize:vertical;background:#050a18b3;border:1px solid #a7c4ff47;border-radius:12px;width:100%;margin-top:8px;padding:12px}.feedback{color:#fde68a}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.cards article{padding:22px}.cards h2{margin:0 0 8px}.cards p{color:#b7c3dc;margin:0 0 14px}.cards a{align-items:center;min-height:44px;display:inline-flex}@media (width<=860px){.gate{grid-template-columns:1fr;padding-top:28px}.stage h1{font-size:36px}.iris{width:140px}.cards{grid-template-columns:1fr}}@keyframes turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}