:root{--bg:#050f20;--side:#07182c;--card:#09213c;--input:#12304f;--cyan:#3de5ff;--green:#63ff5a;--blue:#178ff5;--purple:#7b3ff2;--pink:#f432a0;--orange:#f3a229;--text:#f4f8ff;--muted:#a7c6e8;--line:#1b4268}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 10%,#102e51 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,"Segoe UI",system-ui,sans-serif;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:rgba(7,24,44,.96);border-right:1px solid #123453;padding:28px 18px;display:flex;flex-direction:column;z-index:5}.brand{color:white;text-decoration:none;display:flex;align-items:center;gap:13px;font-size:21px;line-height:.95;margin:0 10px 42px}.brand b{color:var(--cyan)}.brandmark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--purple));font-size:34px;box-shadow:0 0 24px #178ff566}.sidebar nav{display:grid;gap:7px}.nav{border:0;background:transparent;color:#dceeff;font:600 16px inherit;text-align:left;padding:14px 16px;border-radius:13px;cursor:pointer;display:flex;gap:14px}.nav:hover,.nav.active{background:#15375c;color:white}.nav.active{box-shadow:inset 3px 0 var(--cyan)}.score{margin-top:auto;border:1px solid #245174;background:#0c2744;border-radius:16px;padding:13px;display:flex;gap:12px;align-items:center}.score>span{font-size:28px;color:#ffd75e}.score small{display:block;color:var(--muted)}.score strong{font-size:21px}main{margin-left:230px;padding:36px clamp(24px,5vw,74px) 70px;max-width:1540px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1{font-size:clamp(28px,4vw,44px);margin:4px 0}h2{font-size:clamp(25px,3vw,34px);margin:5px 0 12px}.eyebrow{letter-spacing:.16em;color:var(--cyan);font-size:12px;font-weight:800;margin:0}.view{display:none}.view.active{display:block;animation:enter .28s ease}@keyframes enter{from{opacity:0;transform:translateY(8px)}}.hero{min-height:310px;border:1px solid #22517a;border-radius:28px;padding:44px;display:grid;grid-template-columns:1.4fr .8fr;align-items:center;overflow:hidden;background:linear-gradient(125deg,#0a2949,#101d43);box-shadow:0 25px 70px #0005}.hero p{color:var(--muted);font-size:18px;max-width:580px;line-height:1.6}.pill{display:inline-block;background:#1a4264;color:var(--cyan);border-radius:99px;padding:7px 12px;font-weight:700}.math-orbit{width:210px;height:210px;border:1px solid #3de5ff55;border-radius:50%;position:relative;display:grid;place-items:center;margin:auto;box-shadow:inset 0 0 50px #178ff52d,0 0 60px #7b3ff244}.math-orbit b{font-size:72px;color:var(--cyan)}.math-orbit span,.math-orbit i,.math-orbit em{position:absolute;font-size:30px;font-style:normal}.math-orbit span{top:8px}.math-orbit i{right:7px}.math-orbit em{bottom:8px;color:var(--green)}button{font-family:inherit}.primary,.ghost,.danger{border:0;border-radius:13px;padding:13px 20px;font-weight:800;font-size:15px;cursor:pointer}.primary{background:linear-gradient(135deg,var(--cyan),#43f0c3);color:#042039;box-shadow:0 8px 24px #3de5ff33}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.ghost{background:#143554;color:white;border:1px solid #2b5d84}.danger{background:#401b32;color:#ff9bcf;border:1px solid #7d2e58;margin-top:30px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.category{border:1px solid #ffffff25;color:white;border-radius:20px;padding:24px;text-align:left;min-height:150px;cursor:pointer;transition:.2s}.category:hover{transform:translateY(-4px)}.category span{font-size:31px;display:block}.category b,.category small{display:block}.category b{font-size:20px;margin:18px 0 5px}.category small{color:#d9eaff}.cyan{background:linear-gradient(145deg,#0a4661,#0c2949)}.violet{background:linear-gradient(145deg,#41237d,#172950)}.pink{background:linear-gradient(145deg,#6f2458,#24254e)}.amber{background:linear-gradient(145deg,#6a4818,#272b49)}.panel{background:linear-gradient(145deg,#0a2441,#071a31);border:1px solid #1d456b;border-radius:25px;padding:clamp(24px,4vw,42px);box-shadow:0 20px 60px #0004}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-icon{font-size:34px;color:var(--cyan)}.segmented,.levels{display:flex;gap:8px;background:#061529;padding:7px;border-radius:14px;margin:26px 0}.segmented button,.level{flex:1;border:0;background:transparent;color:var(--muted);padding:12px;border-radius:10px;font-weight:700;cursor:pointer}.segmented button.active,.level.active{background:#173c5e;color:white;box-shadow:0 0 0 1px #3de5ff55}.converter{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:end}.converter label{color:var(--muted);font-weight:700}.converter input,.converter select,.calculator input,.calculator select,.quiz-answer input{display:block;width:100%;background:var(--input);border:1px solid #28567e;color:white;border-radius:13px;padding:15px;margin-top:9px;font-size:20px;outline:none}.converter input:focus,.calculator input:focus,.quiz-answer input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #3de5ff22}.resultbox{height:58px;background:#081728;border:1px solid var(--green);color:var(--green);border-radius:13px;padding:14px;margin-top:9px;font-size:22px}.swap{border:1px solid #326186;background:#12304f;color:var(--cyan);border-radius:50%;width:48px;height:48px;margin-bottom:5px;font-size:23px;cursor:pointer}.explain,.feedback{margin-top:24px;padding:17px;border-radius:14px;background:#0d2a47;color:#cfe7ff;border-left:3px solid var(--cyan)}.calculator{display:grid;grid-template-columns:1fr 90px 1fr auto;gap:14px;align-items:center;margin:30px 0}.calculator input,.calculator select{margin:0}.answer{padding:25px;border-radius:18px;background:#07182c;border:1px solid #204c72;text-align:center}.answer small{color:var(--muted)}.answer strong{display:block;font-size:58px;color:var(--green);margin:8px}.answer p{color:#cfe7ff}.practice-grid{display:grid;grid-template-columns:1fr 290px;gap:20px}.tip{border-radius:24px;padding:28px;background:linear-gradient(145deg,#381f72,#17284a);border:1px solid #784ee0;height:max-content}.tip span{font-size:38px}.tip p{color:#cbbefa;line-height:1.6}.counter{color:var(--cyan);font-weight:800}.wide{width:100%;margin-top:18px}.question{font-size:clamp(34px,6vw,64px);font-weight:800;text-align:center;padding:42px 10px}.quiz-answer{display:flex;gap:10px}.quiz-answer input{margin:0}.feedback.good{border-left-color:var(--green);color:var(--green)}.feedback.bad{border-left-color:#ff659e;color:#ff9bcf}.trophy{font-size:68px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}.stats div{background:#0c2947;border:1px solid #1d4a70;border-radius:18px;padding:24px;text-align:center}.stats strong{display:block;color:var(--green);font-size:36px}.stats small{color:var(--muted)}#summary{text-align:center;padding:30px}#toast{position:fixed;right:24px;bottom:24px;padding:14px 20px;border-radius:12px;background:#173c5e;color:#fff;opacity:0;pointer-events:none;transition:.25s}#toast.show{opacity:1}@media(max-width:900px){.sidebar{inset:auto 0 0 0;width:auto;height:70px;padding:8px 12px;flex-direction:row;border-right:0;border-top:1px solid #123453}.brand,.score{display:none}.sidebar nav{display:flex;width:100%;justify-content:space-around}.nav{display:grid;text-align:center;gap:2px;padding:8px 12px}.nav span{font-size:11px}main{margin:0;padding:24px 18px 100px}.cards{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;padding:28px}.math-orbit{display:none}.practice-grid{grid-template-columns:1fr}.tip{display:none}.calculator{grid-template-columns:1fr 72px 1fr}.calculator .primary{grid-column:1/-1}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){header{align-items:flex-start}.ghost{padding:10px}.converter{grid-template-columns:1fr}.swap{transform:rotate(90deg);margin:auto}.cards{grid-template-columns:1fr 1fr}.category{padding:17px;min-height:130px}.category b{font-size:17px}.segmented{display:grid;grid-template-columns:1fr 1fr}.quiz-answer{display:grid}.stats{grid-template-columns:1fr 1fr}}