:root{--navy:#07152f;--panel:#101f42;--cyan:#4de3ff;--yellow:#ffc857;--green:#43e6a0;--red:#ff6685;--purple:#b08cff;--white:#f7fbff;--muted:#a9bfdf}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Nunito,system-ui,sans-serif;color:var(--white);background:#030817}body{min-height:100vh;background:linear-gradient(180deg,rgba(3,8,23,.35),rgba(3,8,23,.88)),url('assets/space_academy_bg.png') center/cover fixed}.stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#4de3ff 1px,transparent 1px);background-size:47px 47px,83px 83px;background-position:0 0,17px 23px;opacity:.25}.app{position:relative;z-index:1;width:min(1120px,calc(100% - 28px));min-height:100vh;margin:auto;padding:34px 0;display:grid;align-content:center}.card{border:1px solid rgba(77,227,255,.25);border-radius:28px;background:linear-gradient(145deg,rgba(16,31,66,.94),rgba(7,21,47,.96));box-shadow:0 24px 70px #0009,0 0 40px rgba(77,227,255,.08);backdrop-filter:blur(9px);padding:clamp(24px,5vw,54px)}.eyebrow{color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.logo{font-family:'Baloo 2',sans-serif;font-size:clamp(3rem,8vw,6.6rem);line-height:.85;margin:16px 0 4px;background:linear-gradient(100deg,#fff 15%,var(--cyan) 55%,#97aaff);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 5px 18px #4de3ff44)}h1,h2,h3,p{margin-top:0}h2{font:800 clamp(1.8rem,4vw,3rem)/1.05 'Baloo 2';margin-bottom:10px}.subtitle{color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);max-width:650px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:42px;align-items:center}.planet{width:min(290px,70vw);aspect-ratio:1;border-radius:50%;margin:auto;background:radial-gradient(circle at 35% 30%,#f4ffff 0 2%,#4de3ff 3% 8%,#1967be 28%,#342370 65%,#0c1033 75%);box-shadow:inset -28px -24px 50px #030817bb,0 0 55px #4de3ff66;position:relative;animation:float 4s ease-in-out infinite}.planet:after{content:'';position:absolute;width:130%;height:30%;left:-15%;top:39%;border:13px solid #ffc857;border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 22px #ffc85788}.field{margin:26px 0 18px}.field label{display:block;color:var(--muted);font-size:.78rem;letter-spacing:.14em;font-weight:800;margin-bottom:8px}.field input{width:min(430px,100%);padding:15px 18px;border-radius:14px;border:1px solid #4de3ff66;background:#07152fcc;color:#fff;font:700 1rem Nunito;outline:0}.field input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #4de3ff22}.btn{border:0;border-radius:15px;padding:14px 22px;font:800 .92rem Nunito;letter-spacing:.04em;cursor:pointer;transition:.18s transform,.18s filter;background:var(--yellow);color:#15213d;box-shadow:0 8px 25px #ffc85733}.btn:hover{transform:translateY(-2px);filter:brightness(1.07)}.btn.secondary{background:#172a53;color:var(--white);border:1px solid #4de3ff55;box-shadow:none}.subjects{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:28px 0}.subject{padding:24px 15px;background:#0b1b3b;border:1px solid #ffffff14;border-radius:20px;text-align:center;cursor:pointer;color:#fff;transition:.2s}.subject:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 14px 32px #0006}.subject .icon{font-size:2.4rem;display:block;margin-bottom:10px}.subject strong{font:800 1.25rem 'Baloo 2'}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.stats{display:flex;gap:9px;flex-wrap:wrap}.pill{background:#091832cc;border:1px solid #ffffff1c;border-radius:99px;padding:8px 13px;font-size:.82rem}.pill strong{color:var(--yellow)}.timer-wrap{height:8px;background:#ffffff14;border-radius:9px;overflow:hidden;margin-bottom:24px}.timer{height:100%;width:100%;background:linear-gradient(90deg,var(--green),var(--cyan));transition:width 1s linear}.timer.danger{background:var(--red)}.question{font:800 clamp(1.5rem,4vw,2.5rem)/1.18 'Baloo 2';margin:8px 0}.translation{color:var(--muted);min-height:24px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:26px 0 18px}.answer{min-height:70px;padding:14px 18px;border-radius:17px;border:1px solid #8266d477;background:#111848;color:#fff;font:800 clamp(.9rem,2vw,1.05rem) Nunito;text-align:left;cursor:pointer;transition:.18s}.answer:hover:not(:disabled){transform:translateY(-2px);border-color:var(--purple);background:#18215a}.answer.correct{background:#124d43;border-color:var(--green)}.answer.wrong{background:#5a1d38;border-color:var(--red)}.answer:disabled{cursor:default}.letter{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#ffffff14;margin-right:9px;color:var(--cyan)}.lifelines{display:flex;gap:9px;flex-wrap:wrap}.lifelines .btn{padding:9px 13px;font-size:.76rem}.feedback{border-left:4px solid var(--cyan);background:#07152f99;padding:14px 16px;border-radius:0 12px 12px 0;margin:16px 0}.feedback.good{border-color:var(--green)}.feedback.bad{border-color:var(--red)}.score-ring{width:190px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:24px auto;background:conic-gradient(var(--yellow) var(--score),#ffffff12 0);position:relative}.score-ring:after{content:'';position:absolute;inset:13px;border-radius:50%;background:var(--panel)}.score-ring div{z-index:1;text-align:center}.score-ring strong{font:800 2.6rem 'Baloo 2';display:block}.center{text-align:center}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.sound{position:fixed;z-index:4;right:18px;bottom:18px;width:48px;height:48px;border-radius:50%;border:1px solid #4de3ff66;background:#091832dd;color:#fff;cursor:pointer;font-size:1.2rem}.hidden{visibility:hidden}.shake{animation:shake .3s}.confetti{position:fixed;width:8px;height:14px;top:-20px;z-index:9;animation:fall 2.7s linear forwards}@keyframes float{50%{transform:translateY(-13px)}}@keyframes shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@keyframes fall{to{transform:translateY(110vh) rotate(800deg)}}@media(max-width:760px){.app{padding:18px 0;align-content:start}.hero{grid-template-columns:1fr;text-align:center}.hero .field label{text-align:left}.planet{width:150px;order:-1}.subjects{grid-template-columns:1fr 1fr}.answers{grid-template-columns:1fr}.card{border-radius:20px;padding:22px}.question{font-size:1.45rem}.topbar{align-items:flex-start}.stats{justify-content:flex-end}.sound{right:10px;bottom:10px}}