:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#f7fbff;background:#061528}*{box-sizing:border-box}html,body{margin:0;min-height:100%}.loading body{visibility:hidden}body{min-height:100svh;background:#061528}button,input,textarea{font:inherit}.boot{position:fixed;inset:0;display:grid;place-items:center;background:#061528}.brand{display:flex;align-items:center;gap:10px;font-size:1.1rem}.brand img{width:38px;height:38px}.auth-page{min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr}.auth-art{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,6vw,76px);background:linear-gradient(#061b33aa,#061b33dd),url("assets/space-station-v2.png") center/cover}.auth-art span,.eyebrow{color:#69e1dc;font-size:.76rem;font-weight:900;letter-spacing:.13em}.auth-art h1{max-width:650px;margin:14px 0;font-size:clamp(2.4rem,6vw,5rem);line-height:.96}.auth-art p{color:#c3d2e0}.auth-panel{width:min(100%,560px);align-self:center;padding:clamp(26px,6vw,72px)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-radius:14px;background:#0d2747}.tabs button{min-height:44px;border:0;border-radius:10px;color:#b9c9dc;background:transparent}.tabs .active{color:#06213b;background:#69e1dc;font-weight:900}form{display:grid;gap:14px;margin-top:30px}form h2{margin:0;font-size:2rem}form>p{margin:0 0 8px;color:#91a6ba}label{display:grid;gap:7px;color:#d6e2ed;font-size:.88rem;font-weight:700}input,textarea{width:100%;min-height:50px;padding:11px 13px;border:1px solid #36506e;border-radius:12px;color:#fff;background:#0d2747;outline:0}input:focus,textarea:focus{border-color:#69e1dc;box-shadow:0 0 0 3px #69e1dc22}label small{color:#8195a8;font-weight:400}.account-types{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-types label,.check{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid #36506e;border-radius:11px}.account-types input,.check input{width:auto;min-height:auto}.primary{min-height:50px;padding:11px 20px;border:0;border-radius:12px;color:#05243b;background:#69e1dc;font-weight:900;cursor:pointer}.primary:disabled{opacity:.45}.message{min-height:24px;color:#ff9c9c}.app-page>header{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px max(20px,4vw);border-bottom:1px solid #29465f;background:#071a32}.account{display:flex;align-items:center;gap:10px}.account>span{width:34px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#05243b;background:#69e1dc;font-weight:900}.account button{border:1px solid #49637c;border-radius:10px;padding:8px 12px;color:#fff;background:#102c4c}.dashboard{min-height:calc(100svh - 72px);display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(30px,6vw,80px);width:min(1180px,calc(100% - 40px));margin:auto;padding:42px 0}.welcome h1{margin:12px 0;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1}.welcome>p{color:#b6c7d7;line-height:1.65}.skills{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:27px 0}.skills span{padding:13px;border:1px solid #294b68;border-radius:12px;background:#0c2743;font-weight:800}.welcome small{display:block;margin-top:12px;color:#88a0b4}.hero{overflow:hidden;aspect-ratio:4/3;border:1px solid #315575;border-radius:28px;box-shadow:0 28px 80px #0008}.hero img,.exam-grid aside img{width:100%;height:100%;object-fit:cover}.exam{width:min(1220px,calc(100% - 32px));margin:auto;padding:28px 0}.exam>nav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px;padding:6px;border:1px solid #294b68;border-radius:14px;background:#0a2039}.exam>nav span{min-height:42px;display:grid;place-items:center;border-radius:9px;color:#7f94a8;font-weight:800}.exam>nav .active{color:#05243b;background:#69e1dc}.exam>nav .done{color:#bde9e7;background:#174855}.exam-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:20px}.exam-grid aside{min-height:560px;overflow:hidden;border:1px solid #315575;border-radius:22px}.exam-grid article{min-height:560px;display:flex;flex-direction:column;padding:clamp(22px,4vw,42px);border-radius:22px;color:#172638;background:#f8fbfd}.question-head{display:flex;justify-content:space-between;color:#718294}.question-head b{padding:5px 9px;border-radius:99px;color:#17676d;background:#dff2f1}.exam article>.eyebrow{display:block;margin-top:26px;color:#188b91}.exam article h1{margin:9px 0;font-size:clamp(1.6rem,3vw,2.3rem)}.exam article>p{color:#52667a;line-height:1.6}.listen{align-self:flex-start;min-height:44px;margin-bottom:15px;padding:8px 15px;border:1px solid #a9d9d9;border-radius:11px;color:#15535a;background:#e9f8f7;font-weight:800}.response{display:grid;gap:10px}.choice,.record{min-height:56px;padding:12px 15px;border:1px solid #d1dce6;border-radius:12px;text-align:left;color:#30465a;background:#fff}.choice.selected{border-color:#188b91;background:#e8f7f6}.record.recording{color:#fff;background:#b73d3d}.response textarea{min-height:190px;color:#203548;background:#fff}.exam article footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:22px;color:#718294}.complete{min-height:calc(100svh - 72px);display:grid;place-content:center;justify-items:center;text-align:center}.complete>div{width:80px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#05243b;background:#69e1dc;font-size:2rem;font-weight:900}@media(max-width:780px){.auth-page,.dashboard,.exam-grid{grid-template-columns:1fr}.auth-art{min-height:300px}.dashboard{width:min(100% - 24px,620px)}.hero{grid-row:1;aspect-ratio:16/9}.exam-grid aside{min-height:210px;max-height:290px}.exam>nav{display:flex;overflow:auto}.exam>nav span{min-width:110px}.exam article footer{align-items:stretch;flex-direction:column}}@media(max-width:430px){.account b{display:none}.auth-panel{padding:22px}.auth-art{padding:25px}.account-types{grid-template-columns:1fr}.exam-grid article{padding:22px 17px}}