@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c6e48ee1-module__JRO3KW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c6e48ee1-module__JRO3KW__variable{--font-body:"Inter","Inter Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f0f4f0;--surface:#fff;--surface-2:#e8f4e8;--text:#1a2e1a;--muted:#5a6c5a;--border:#b8c9b8;--primary:#4a5d23;--primary-600:#37461b;--accent:#7a8f7a;--accent-100:#d4e4d4;--success:#2d5a2d;--danger:#8b1a1a;--shadow-card:0 12px 24px #1a2e1a1f;--radius-card:12px;--radius-input:10px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--container:1200px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}body{font-family:var(--font-body),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);letter-spacing:.1px;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{min-height:70vh}h1,h2,h3,h4{margin:0 0 var(--space-3);color:var(--text);line-height:1.25}h1{font-size:clamp(22px,2.6vw,34px)}h2{font-size:clamp(20px,2.1vw,28px)}p{margin:0 0 var(--space-3);color:var(--muted);font-size:15px}ul{color:var(--muted);margin:0;padding-left:20px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:var(--container);padding:0 var(--space-5);margin:0 auto}.section{padding:var(--space-7)0}.section-muted{background:var(--surface-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.site-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f0f4f0f5;border-bottom:1px solid #b8c9b8b3;position:sticky;top:0}.site-header a{color:var(--text)}.site-header .header-inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:64px;display:flex}.logo-wrap{align-items:center;gap:var(--space-2);display:inline-flex}.brand{flex-direction:column;line-height:1.1;display:flex}.brand-title{color:var(--text);letter-spacing:.2px;font-size:18px;font-weight:700}.brand-tagline{color:#cbbd93;font-size:11px}@media (max-width:480px){.brand-title{font-size:16px}.brand-tagline{font-size:10px}}.top-nav{gap:var(--space-4);color:var(--muted);font-size:14px;display:flex}.top-nav a{padding:var(--space-2)var(--space-2);border-radius:var(--radius-pill)}.top-nav a:hover{background:#94a3b826}.header-cta{gap:var(--space-2);display:flex}.btn{padding:0 var(--space-5);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;height:44px;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 12px 20px #4a5d2340}.btn.primary:hover{background:var(--primary-600)}.btn.secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn.ghost{color:var(--text);border-color:var(--border);background:0 0}.btn.block{width:100%}.card{background:var(--surface);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow-card);padding:var(--space-5);transition:transform .2s,box-shadow .2s}.card.compact{padding:var(--space-4)}.card:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0b1d2a1f}.grid{gap:var(--space-4);display:grid}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}.input,.select,.textarea{border-radius:var(--radius-input);border:1px solid var(--border);width:100%;padding:var(--space-3)var(--space-4);background:var(--surface);color:var(--text);font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus,.select:focus,.textarea:focus{border-color:#1d4ed866;outline:none;box-shadow:0 0 0 3px #1d4ed81f}.textarea{resize:vertical;min-height:120px}.code-block{color:#e2e8f0;background:#0b1d2a;border-color:#1f3a4d;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px}.form-field{gap:var(--space-2);color:var(--muted);font-size:13px;display:grid}.toggle{background:var(--surface-2);border-radius:var(--radius-pill);padding:var(--space-1);gap:var(--space-1);display:inline-flex}.toggle button{padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.toggle button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--accent-100);color:var(--primary);font-size:12px;font-weight:600;display:inline-flex}.chip{align-items:center;gap:var(--space-2);padding:2px var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--accent);color:var(--primary);font-size:12px;display:inline-flex}.progress-bar{background:var(--surface-2);border-radius:var(--radius-pill);height:6px;overflow:hidden}.progress-bar span{background:var(--primary);height:100%;display:block}.hero-shell{gap:var(--space-6);padding:var(--space-6);box-shadow:var(--shadow-card);background:linear-gradient(#fffaf0e6,#fae8b459),radial-gradient(circle at 20% 20%,#574a2414,#0000 55%);border:1px solid #e3d6b8b3;border-radius:18px;align-items:stretch;display:grid}.hero-copy{gap:var(--space-4);display:grid}.hero-panel{display:grid}.hero-card{gap:var(--space-4);background:var(--surface);border:1px solid var(--border);display:grid}.hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-actions .btn{min-width:150px}.section-head{gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.hero-stats{gap:var(--space-3);padding:var(--space-3);background:#ffffffb3;border:1px solid #b8c9b8b3;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.hero-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;display:block}.hero-stats strong{color:var(--text);margin-top:4px;font-size:14px;display:block}.modes .card,.link-hub .card{height:100%}.mode-card{background:var(--surface);border-color:#574a242e}.mini-grid .card{background:#e8f4e8}.card-list{margin:var(--space-3)0;color:var(--muted);gap:var(--space-2);padding-left:18px;font-size:14px;display:grid}.link-hub{border-radius:var(--radius-card)}.link-list .card{padding:var(--space-4)}.cta-ribbon{padding:var(--space-6)0}.cta-inner{background:linear-gradient(120deg,var(--primary)0%,var(--accent)100%);color:#fff;padding:var(--space-6);gap:var(--space-4);box-shadow:var(--shadow-card);border-radius:14px;display:grid}.cta-inner h2{color:#fff}.cta-inner p{color:#ffffffdb}.cta-inner .btn.primary{box-shadow:0 12px 24px #4a5d2359}.cta-inner .btn.secondary{color:#fff;background:#ffffff1f;border-color:#ffffff59;box-shadow:0 10px 20px #0000001f}.subject-card{gap:var(--space-3);flex-direction:column;display:flex}.subject-card .subject-code{background:var(--accent-100);width:44px;height:44px;color:var(--primary);border-radius:12px;place-items:center;font-weight:700;display:grid}.subject-card h3{color:var(--text);margin:0;font-size:16px}.subject-card p{margin:0}.subject-card .chip{background:var(--accent-100);color:var(--primary);border-color:#0000;align-self:start}.option-tile{padding:var(--space-4);border-radius:var(--radius-input);border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;min-height:44px;font-size:14px;transition:border-color .2s,background .2s}.option-tile:hover{background:#1d4ed80a;border-color:#1d4ed84d}.option-label{border:1px solid var(--border);width:28px;height:28px;margin-right:var(--space-3);color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.option-text{vertical-align:middle;display:inline-block}.option-tile.correct{border-color:var(--success);background:#16a34a1f}.option-tile.wrong{border-color:var(--danger);background:#dc26261f}.question-meta{justify-content:space-between;gap:var(--space-3);color:var(--muted);flex-wrap:wrap;font-size:13px;display:flex}.question-title{margin-bottom:var(--space-4);font-size:clamp(18px,2vw,22px)}.question-card{position:relative}.question-tools{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.explanation-panel{background:var(--surface-2);border-radius:var(--radius-card);border:1px solid var(--border)}.quiz-layout{gap:var(--space-5);display:grid}.quiz-sidebar{gap:var(--space-4);display:grid}.quiz-footer{justify-content:space-between;gap:var(--space-3);background:var(--surface);border-top:1px solid var(--border);padding:var(--space-3);border-radius:var(--radius-card);display:flex;position:sticky;bottom:0}.practice-setup{background:linear-gradient(#fff 0%,#f8faff 100%);border:1px solid #1d4ed81f}.site-footer{border-top:1px solid var(--border);padding:var(--space-7)0 var(--space-7);background:var(--text);font-size:13px}.site-footer strong{color:inherit}.footer-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.footer-links{gap:8px;display:grid}.footer-links a{color:var(--accent)}.footer-links a:hover{color:var(--accent-100)}.link-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.bottom-nav{gap:var(--space-2);border-top:1px solid var(--border);z-index:30;background:#f0f4f0f5;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:8px 10px 12px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 20px #1a2e1a1f}.bottom-nav a{text-align:center;min-width:0;color:var(--text);white-space:nowrap;border-radius:12px;place-items:center;gap:4px;padding:6px 4px;font-size:11px;font-weight:600;display:grid}.bottom-nav a.active{color:#fff;background:var(--primary);font-weight:700;box-shadow:0 8px 16px #4a5d2340}.bottom-nav svg{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.bottom-nav span{line-height:1}.subject-grid{grid-auto-rows:1fr}.breadcrumbs{gap:var(--space-2);color:var(--muted);flex-wrap:wrap;font-size:12px;display:flex}.breadcrumbs span:after{content:"/";margin-left:var(--space-2)}.breadcrumbs span:last-child:after{content:""}.accordion details{border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4);background:var(--surface)}.accordion summary{cursor:pointer;font-weight:600}.sticky-cta{position:sticky;top:72px}.ad-slot{border:1px dashed var(--border);border-radius:var(--radius-card);min-height:120px;color:var(--muted);place-items:center;display:grid}.skeleton{border-radius:var(--radius-card);background:linear-gradient(90deg,#f1f3f7 25%,#e2e8f0 50%,#f1f3f7 75%) 0 0/200% 100%;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state,.error-state{padding:var(--space-5);border-radius:var(--radius-card);border:1px dashed var(--border);color:var(--muted)}.loading-overlay{color:#fff;z-index:40;background:#0f172a73;place-items:center;font-size:16px;display:grid;position:fixed;inset:0}.toast{bottom:90px;right:var(--space-5);background:var(--text);color:#fff;padding:var(--space-3)var(--space-5);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);z-index:50;font-size:13px;position:fixed}.hero-layout{gap:var(--space-6);display:grid}.hero-visual{border-radius:var(--radius-card);border:1px solid var(--border);padding:var(--space-6);background:linear-gradient(#f8fafc 0%,#eef2f7 100%);place-items:center;display:grid}.progress-card{border:1px solid var(--border);width:100%;max-width:360px;padding:var(--space-5);box-shadow:var(--shadow-card);background:#fff;border-radius:16px}.progress-ring{background:conic-gradient(var(--primary)0deg,var(--primary)300deg,var(--accent-100)300deg);width:84px;height:84px;margin-bottom:var(--space-3);color:var(--primary);border-radius:50%;place-items:center;font-weight:700;display:grid}.progress-ring span{border:1px solid var(--border);background:#fff;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.quick-grid .card{gap:var(--space-2);display:grid}.card-link{color:var(--primary);font-size:13px;font-weight:600}.icon-badge{width:36px;height:36px;color:var(--primary);background:#574a2414;border:1px solid #574a2433;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.how-it-works{text-align:center}.steps{gap:var(--space-5);display:grid}.step{gap:var(--space-2);display:grid}.step .badge{margin:0 auto}@media (min-width:768px){.hero-layout{grid-template-columns:1.1fr .9fr;align-items:center}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.admin-shell{background:var(--bg);grid-template-columns:1fr;min-height:100vh;display:grid}.admin-shell.auth{grid-template-columns:1fr}.admin-sidebar{color:#d4e4d4;padding:var(--space-6)var(--space-5);gap:var(--space-5);border-right:2px solid var(--primary);background:#1a2e1a;flex-direction:column;height:auto;display:none;position:relative}.admin-brand{color:inherit;gap:4px;text-decoration:none;display:grid}.admin-brand-title{font-size:18px;font-weight:700}.admin-brand-subtitle{color:#d4e4d4b3;font-size:12px}.admin-nav{gap:var(--space-2);font-size:14px;display:grid}.admin-nav a{color:#d4e4d4cc;padding:var(--space-2)var(--space-3);border-radius:10px;transition:background .2s}.admin-nav a:hover{background:#4a5d234d}.admin-nav a.active{color:#d4e4d4;border-left:3px solid var(--accent);background:#4a5d23cc;font-weight:600}.admin-main{flex-direction:column;min-height:100vh;display:flex}.admin-topbar{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.admin-topbar-inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:64px;display:flex}.admin-topbar-title{gap:2px;display:grid}.admin-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.admin-topbar-actions{align-items:center;gap:var(--space-2);display:flex}.admin-page{padding:var(--space-6)0 var(--space-7);background:linear-gradient(180deg,var(--bg)0%,#f0f4f080 100%)}.admin-container{max-width:1200px}.admin-shell.auth .admin-main{align-items:center}.admin-shell.auth .admin-page{justify-content:center;align-items:center;width:100%;min-height:80vh;display:flex}.admin-shell.auth .card{width:min(420px,100%)}.admin-form{gap:var(--space-4);display:grid}.admin-form .inline{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.admin-form ul{color:var(--muted);margin:0;padding-left:18px;font-size:13px}.admin-list{gap:var(--space-3);display:grid}.admin-list-actions{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--muted);font-size:13px;display:flex}.admin-list ul{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.admin-list-row{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;transition:border-color .2s;display:grid}.admin-list-row:hover{border-color:var(--primary)}.row-check{align-items:center;gap:var(--space-2);display:inline-flex}.row-main{gap:4px;display:grid}.row-meta{color:var(--muted);font-size:12px}.row-actions{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}@media (max-width:900px){.top-nav,.header-cta{display:none}.bottom-nav{display:grid}body{padding-bottom:80px}.stat-bar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (min-width:768px){.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.quiz-layout{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);align-items:start}.admin-shell{grid-template-columns:260px 1fr}.admin-sidebar{height:100vh;display:flex;position:sticky;top:0}.hero-shell{grid-template-columns:1.15fr .85fr}}.flash-banner{color:#fff;background:linear-gradient(90deg,#574a24,#80775c);padding:6px 0;font-size:12px}.flash-inner{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.flash-dot{background:var(--accent-100);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #d4e4d440}.flash-text{color:#ffffffe6}.link-strip{margin:var(--space-5)0;padding:var(--space-4);gap:var(--space-3);background:#d4e4d459;border:1px dashed #4a5d2340;border-radius:12px;display:grid}.link-strip-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.link-strip-items{gap:var(--space-2);flex-wrap:wrap;display:flex}.link-pill{color:var(--primary);background:#f0f4f0;border:1px solid #4a5d2333;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.link-strip .btn{height:32px;box-shadow:none;background:#fffaf0;border-color:#574a2433;border-radius:999px;padding:0 12px;font-size:12px}.hero-shell .card-list{margin:0}