:root{--bg:#07111f;--bg-soft:#0b1830;--panel:#0a172be0;--panel-strong:#0c1c31fa;--line:#ffffff14;--line-strong:#ffffff24;--text:#eff4ff;--muted:#9fb1cc;--primary:#24b1ff;--primary-2:#21d092;--warning:#ffd166;--danger:#ff7b7b;--success:#34d399;--shadow:0 18px 46px #00000047;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 100% 0,#24b1ff2e,#0000 26%),radial-gradient(circle at 0 100%,#21d0921f,#0000 30%),linear-gradient(#091220 0%,#07111f 100%);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body:before{content:"";pointer-events:none;background-image:radial-gradient(1px 1px at 14% 20%,#ffffff52,#0000 100%),radial-gradient(1px 1px at 66% 10%,#ffffff3d,#0000 100%),radial-gradient(1px 1px at 82% 72%,#ffffff2e,#0000 100%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-shell{z-index:1;width:min(1120px,100% - 20px);margin:0 auto;padding:18px 0 40px;position:relative}.topbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);background:#081223c7;border-radius:24px;flex-direction:column;gap:14px;margin-bottom:20px;padding:16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg,#18457c,#1bb985);border-radius:16px;place-items:center;width:48px;height:48px;font-size:1.4rem;display:grid;box-shadow:0 14px 30px #18549452}.brand strong{font-size:1.15rem;font-weight:800;display:block}.brand span{color:var(--muted);font-size:.88rem;display:block}.nav-links{flex-wrap:wrap;gap:10px;display:flex}.nav-link,.pill,.primary-btn,.ghost-btn{transition:transform .18s,background .18s,border-color .18s}.nav-link{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:999px;padding:11px 15px;font-size:.94rem;font-weight:700}.nav-link.active{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-2));border-color:#0000}.nav-link:hover,.primary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}main{gap:20px;display:grid}.stack-xl{gap:22px;display:grid}.stack-lg{gap:18px;display:grid}.stack-md{gap:14px;display:grid}.stack-sm{gap:10px;display:grid}.hero-card,.card,.grade-card,.feature-card,.question-card,.review-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.card{padding:20px}.hero-card{gap:18px;padding:22px;display:grid}.hero-copy h1,.card h1,.card h2{margin:0;line-height:1.35}.hero-copy p,.card p{color:#d4def0;margin:0;line-height:1.8}.eyebrow{color:#bef4de;background:#21d09221;border:1px solid #21d09233;border-radius:999px;margin-bottom:10px;padding:8px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.hero-panel{border:1px solid var(--line);background:#ffffff0d;border-radius:22px;padding:18px}.hero-panel strong{margin-bottom:8px;font-size:1.02rem;display:block}.hero-list{color:#d4def0;margin:0;padding-inline-start:18px;line-height:1.9}.actions-row,.stats-inline,.question-meta,.breadcrumbs{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.primary-btn,.ghost-btn{border:0;border-radius:16px;padding:13px 18px;font-size:.96rem;font-weight:800}.primary-btn{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-2));box-shadow:0 16px 28px #1a96db3d}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.ghost-btn{color:var(--text);border:1px solid var(--line);background:#ffffff0f}.section-head{flex-direction:column;gap:10px;display:flex}.section-head h1,.section-head h2{margin-bottom:4px}.feature-grid,.grade-grid,.stats-grid,.form-grid,.unit-preview-grid{gap:16px;display:grid}.feature-card,.grade-card{padding:18px}.feature-icon{color:#8ed5ff;width:24px;height:24px}.feature-card h2{margin:12px 0 6px;font-size:1.08rem}.grade-top,.review-top,.quiz-top,.result-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.grade-top strong,.unit-line strong,.unit-preview strong{font-size:1rem;display:block}.grade-top span,.unit-line span,.unit-preview span,.muted-text,.field span{color:var(--muted)}.pill{border:1px solid var(--line);background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.pill.success{color:#c8ffea;background:#34d3991f;border-color:#34d3993d}.pill.danger{color:#ffd8d8;background:#ff7b7b1f;border-color:#ff7b7b3d}.unit-line,.unit-preview,.stat-box,.admin-notice{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;padding:14px}.unit-line small,.unit-preview small{color:#d2ddf0}.field{gap:8px;display:grid}.field input,.field select,.field textarea{border:1px solid var(--line-strong);width:100%;min-height:48px;color:var(--text);background:#ffffff0d;border-radius:14px;padding:12px 14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#24b1ff8a;outline:none;box-shadow:0 0 0 4px #24b1ff1f}.unit-preview{cursor:pointer}.unit-preview.active{background:#24b1ff14;border-color:#24b1ff57}.question-card{padding:18px}.question-card h2{margin-top:10px;font-size:1.25rem;line-height:1.7}.hint-box,.feedback-box{border:1px solid var(--line);border-radius:18px;padding:14px}.hint-box{color:#ffe7b0;background:#ffd1661a;border-color:#ffd16638}.feedback-box.success{background:#34d3991a;border-color:#34d39938}.feedback-box.danger{background:#ff7b7b1a;border-color:#ff7b7b38}.feedback-box p{margin-top:8px}.options-list{gap:12px;margin:16px 0;display:grid}.option-card{text-align:left;border:2px solid var(--line);width:100%;color:var(--text);background:#ffffff0d;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;display:flex}.option-card.correct{background:#34d3991f;border-color:#34d39999}.option-card.wrong{background:#ff7b7b1f;border-color:#ff7b7b99}.option-card.muted{opacity:.72}.option-index{background:#ffffff14;border-radius:12px;flex-shrink:0;place-items:center;width:34px;height:34px;font-weight:800;display:inline-grid}.progress{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--primary-2));height:100%}.score-badge{background:conic-gradient(var(--primary-2) 70%, #ffffff1a 0);border-radius:50%;place-items:center;width:96px;height:96px;font-size:1.4rem;font-weight:900;display:grid}.stat-box{text-align:center}.stat-box strong{margin-bottom:4px;font-size:1.5rem;display:block}.review-card{padding:16px}.review-card p{margin-top:8px}.admin-notice{line-height:1.8}@media (min-width:720px){.topbar{flex-direction:row;justify-content:space-between;align-items:center}.hero-card{grid-template-columns:1.3fr .7fr;align-items:start}.feature-grid,.grade-grid,.stats-grid,.form-grid,.unit-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:980px){.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}