@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Tajawal:wght@400;500;700;800&display=swap");:root{--ink:#17202a;--muted:#64748b;--line:#dbe3ea;--surface-soft:#f6f8fb;--brand-strong:#1a2f62;--accent:#c24f35;--gold:#c79a2c;--indigo:#243b74;--danger:#b42318;--success:#067647;--shadow:0 18px 44px rgba(23,32,42,0.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Tajawal,Segoe UI,Tahoma,Arial,sans-serif;font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh;background:linear-gradient(180deg,rgba(15,107,95,.08),rgba(246,248,251,0) 380px),var(--surface-soft)}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(219,227,234,.9);background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-inner{min-height:72px;justify-content:space-between;gap:20px}.brand,.nav-inner{display:flex;align-items:center}.brand{flex:0 0 auto;font-weight:800}.brand-logo{display:block;width:142px;height:auto}.nav-links{display:flex;align-items:center;gap:6px}.danger-button,.ghost-button,.icon-button,.nav-link,.primary-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid transparent;padding:10px 14px;font-weight:800;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.ghost-button,.nav-link{background:transparent;color:var(--ink)}.ghost-button:hover,.nav-link:hover{border-color:var(--line);background:#fff}.primary-button{box-shadow:0 10px 20px rgba(36,63,127,.18)}.danger-button{background:#fff4f3;color:var(--danger);border-color:#ffd2cc}.icon-button{border-color:var(--line);background:#fff}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.84fr);grid-gap:22px;gap:22px;align-items:center;padding:28px 0 20px}.hero-copy{display:flex;min-height:500px;flex-direction:column;justify-content:center;gap:20px}.eyebrow{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:8px;border:1px solid rgba(15,107,95,.22);border-radius:999px;background:#fff;color:var(--brand-strong);padding:8px 12px;font-size:14px;font-weight:800}.hero h1,.page-title h1{margin:0;color:var(--ink);font-size:clamp(34px,5.6vw,62px);line-height:1.12;letter-spacing:0}.hero p,.page-title p{max-width:680px;margin:0;color:var(--muted);font-size:18px;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-media{position:relative;overflow:hidden;min-height:500px;border-radius:8px;background:linear-gradient(180deg,rgba(12,22,31,.02),rgba(12,22,31,.36)),url(https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1100&q=80) 50%/cover;box-shadow:var(--shadow)}.hero-media-panel{position:absolute;right:20px;bottom:20px;left:20px;display:grid;grid-gap:12px;gap:12px;border-radius:8px;background:rgba(255,255,255,.94);padding:18px;color:var(--ink)}.hero-search-form{display:grid;grid-template-columns:minmax(0,1fr) 132px;grid-gap:10px;gap:10px}.hero-search-form .field{min-width:0;background:#fff}.hero-search-form input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.hero-search-form input::placeholder{color:var(--muted)}.metric-row,.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.metric{border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px}.metric strong{display:block;color:var(--brand-strong);font-size:26px}.metric span{color:var(--muted);font-size:13px;font-weight:700}.section{padding:32px 0}.page-title,.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.auth-card h1,.panel h2,.section-head h2{margin:0;font-size:28px;line-height:1.2}.section-head p{max-width:560px;margin:6px 0 0;color:var(--muted);line-height:1.7}.compact-head{align-items:center}.exam-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.auth-card,.exam-card,.panel,.result-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 8px 24px rgba(23,32,42,.05)}.exam-card{display:grid;min-height:245px;grid-gap:14px;gap:14px;padding:18px}.exam-card:has(.premium-lock-button){border-color:#ead79d}.exam-card h3{margin:0;font-size:21px;line-height:1.35}.exam-card p{margin:0;color:var(--muted);line-height:1.55}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#edf6f4;color:var(--brand-strong);padding:6px 10px;font-size:12px;font-weight:800}.tag.gold{background:#fff6d9;color:#7a5810}.tag.red{background:#fff0ed;color:#8f2d1d}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.search-bar{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;grid-gap:10px;gap:10px;margin:16px 0 22px}.field,.textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:12px 14px;outline:none}.field:disabled,.textarea:disabled,button:disabled{cursor:not-allowed;opacity:.58}.field:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(15,107,95,.13)}.phone-field{display:grid;grid-template-columns:72px minmax(0,1fr);overflow:hidden;min-height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;direction:ltr}.phone-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(15,107,95,.13)}.phone-prefix{display:grid;place-items:center;border-right:1px solid var(--line);background:var(--surface-soft);color:var(--ink);font-weight:900}.phone-field input{min-width:0;border:0;outline:0;padding:12px 14px;background:transparent;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:left}.phone-field input::placeholder{color:var(--muted)}.textarea{min-height:120px}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-gap:18px;gap:18px;padding:28px 0}.dashboard-stats{margin-bottom:16px}.panel{padding:18px}.empty-state,.loading-panel{display:flex;align-items:center;justify-content:center;gap:10px;min-height:120px;color:var(--muted);font-weight:800;text-align:center}.panel+.panel{margin-top:14px}.premium-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;border:1px solid #e6c761;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.42),transparent 40%),#fff8de;padding:20px;color:#523b08;box-shadow:0 12px 28px rgba(149,108,15,.08)}.premium-strip p{max-width:680px;margin:4px 0 0;color:#715518;line-height:1.7}.premium-strip-content{display:flex;min-width:0;align-items:flex-start;gap:14px}.premium-icon{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border:1px solid rgba(155,108,5,.22);border-radius:8px;background:#fff;color:#9b6c05;box-shadow:0 8px 18px rgba(122,88,16,.1)}.premium-copy h2{margin:3px 0 0;font-size:20px;line-height:1.35}.premium-kicker{display:inline-flex;align-items:center;gap:6px;color:#8a6209;font-size:12px;font-weight:800}.premium-benefits{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:11px}.premium-benefits span{display:inline-flex;align-items:center;gap:5px;color:#624a14;font-size:13px;font-weight:700}.premium-action{display:grid;min-width:176px;justify-items:stretch;grid-gap:7px;gap:7px}.premium-action>span{color:#8a6209;font-size:12px;font-weight:900;text-align:center;text-transform:uppercase}.quiz-shell{grid-template-columns:minmax(0,1fr) 320px;padding:28px 0}.question-box,.quiz-shell{display:grid;grid-gap:18px;gap:18px}.question-box h1{margin:0;font-size:clamp(24px,4vw,40px);line-height:1.35}.option-list{display:grid;grid-gap:10px;gap:10px}.option-button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:15px;color:var(--ink);text-align:right}.option-button.active{border-color:var(--brand);background:#edf6f4}.option-button.correct{border-color:#86d6ac;background:#ecfdf3}.option-button.wrong{border-color:#f5b8b0;background:#fff0ed}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:#e7edf2}.progress-fill{height:100%;border-radius:inherit;background:var(--brand)}.auth-wrap,.simple-page{display:grid;min-height:100vh;place-items:center;padding:28px 0;background:linear-gradient(180deg,rgba(36,59,116,.08),rgba(246,248,251,0)),var(--surface-soft)}.auth-card{width:min(480px,calc(100% - 32px));padding:24px}.form-stack{grid-gap:12px;gap:12px;margin-top:18px}.tab-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;border-radius:8px;background:#eef3f6;padding:6px}.tab-row button{border:0;border-radius:8px;background:transparent;padding:10px;color:var(--muted);font-weight:800}.tab-row button.active{background:#fff;color:var(--ink);box-shadow:0 4px 14px rgba(23,32,42,.08)}.notice{border:1px solid #cce1ff;border-radius:8px;background:#eff6ff;color:#173c72;padding:12px;line-height:1.6}.error-state{display:flex;align-items:center;gap:16px;border-color:#f5b8b0;background:#fff7f5;color:var(--danger)}.error-state h2,.error-state p{margin:0}.error-state p{margin-top:4px;color:#7a271a;line-height:1.7}.auth-security-note{display:flex;align-items:center;gap:8px;color:var(--success);font-size:13px;font-weight:700}.admin-grid{grid-template-columns:360px minmax(0,1fr);padding:28px 0}.admin-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.admin-form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.bulk-import-box{display:grid;width:min(100%,760px);grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:12px}.bulk-import-box .admin-form-grid{grid-template-columns:minmax(190px,1fr) minmax(170px,1fr) auto}.file-picker{position:relative;display:inline-flex;min-height:42px;min-width:0;align-items:center;justify-content:center;gap:8px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px;color:var(--ink);font-weight:800;cursor:pointer}.file-picker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.form-field{min-width:0;font-size:13px;font-weight:800}.form-field>.field,.form-field>.textarea{width:100%}.admin-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.setting-toggle{display:flex;align-items:flex-start;border:1px solid var(--line);border-radius:8px;padding:14px;cursor:pointer}.setting-toggle input{margin-top:4px}.setting-toggle span{display:grid;grid-gap:4px;gap:4px}.question-options-head small,.setting-toggle small{color:var(--muted);font-weight:500;line-height:1.55}.form-note{border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:11px 13px;color:var(--muted);font-size:13px;line-height:1.6}.question-options-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.question-options-head>div{display:grid;grid-gap:3px;gap:3px}.answer-option-editor{display:grid;grid-template-columns:32px minmax(0,1fr) auto 40px;align-items:center;grid-gap:8px;gap:8px}.answer-option-number{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--surface-soft);color:var(--muted);font-weight:900}.correct-answer-toggle{display:inline-flex;min-height:42px;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--muted);font-size:13px;font-weight:800;cursor:pointer}.correct-answer-toggle.active{border-color:#79b9a9;background:#eaf7f3;color:var(--brand)}.premium-lock-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:1px solid #d9b747;border-radius:8px;background:#fff8de;padding:10px 14px;color:#71510b;font-weight:900;text-decoration:none}.premium-lock-button:hover{background:#ffefb8}.premium-access-gate{max-width:680px;grid-gap:12px;gap:12px;margin:40px auto;padding:34px}.premium-access-gate p{max-width:540px;line-height:1.8}.premium-gate-icon{display:grid;width:58px;height:58px;place-items:center;border:1px solid #e2c35d;border-radius:8px;background:#fff8de;color:#8a6209}.premium-gate-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.check-row,.inline-field{display:inline-flex;align-items:center;gap:8px}.check-row{color:var(--ink);font-weight:800}.table-panel{margin-top:14px;overflow-x:auto}.table-actions{display:flex;align-items:center;gap:8px}.role-select{min-width:116px}.access-toggle{display:inline-flex;min-height:42px;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 11px;color:var(--muted);font-weight:800}.access-toggle.active{border-color:#79b9a9;background:#eaf7f3;color:var(--brand)}.access-toggle-track{display:flex;width:34px;height:20px;align-items:center;border-radius:999px;background:#cbd5d2;padding:2px;direction:ltr;transition:background .16s ease}.access-toggle-track span{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(12,22,31,.2);transition:transform .16s ease}.access-toggle.active .access-toggle-track{background:var(--brand)}.access-toggle.active .access-toggle-track span{transform:translateX(14px)}.table{width:100%;border-collapse:collapse}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.table td,.table th{border-bottom:1px solid var(--line);padding:12px 8px;text-align:right;vertical-align:top}.table th{font-size:13px}.footer,.table th{color:var(--muted)}.footer{margin-top:40px;border-top:1px solid var(--line);background:#fff;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-logo{display:block;width:120px;height:auto;margin-bottom:8px}@media (max-width:980px){.admin-grid,.dashboard-layout,.hero,.quiz-shell{grid-template-columns:1fr}.hero-copy,.hero-media{min-height:auto}.hero-media{aspect-ratio:16/10}.exam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.container{width:min(100% - 20px,1180px)}.footer-inner,.nav-inner,.premium-strip,.section-head{align-items:stretch;flex-direction:column}.premium-action{width:100%;min-width:0}.nav-links{overflow-x:auto;padding-bottom:8px}.brand-logo{width:118px}.hero{padding-top:20px}.hero h1,.page-title h1{font-size:42px}.admin-form-grid,.admin-form-grid.two-columns,.exam-grid,.hero-search-form,.metric-row,.search-bar,.stats-grid{grid-template-columns:1fr}.bulk-import-box,.bulk-import-box .admin-form-grid{width:100%;grid-template-columns:1fr}.admin-switches{grid-template-columns:1fr}.answer-option-editor{grid-template-columns:28px minmax(0,1fr) 40px}.correct-answer-toggle{grid-column:2/-1;justify-content:center}.hero-media{aspect-ratio:4/3}.hero-media-panel{position:static;margin:12px}}:root{--ink:#111827;--muted:#667085;--line:#e4e8ef;--surface:#ffffff;--surface-soft:#f8f7f3;--brand:#243f7f;--brand-strong:#193264;--brand-soft:#eef3ff;--brand-lime:#5bbf22;--accent:#d97706;--accent-soft:#fff5dc;--gold:#c78b14;--danger:#d92d20;--danger-soft:#fff0ee;--success:#079455;--success-soft:#e9fbf2;--violet:#7f56d9;--violet-soft:#f4f0ff;--shadow-sm:0 4px 18px rgba(23,35,61,0.06);--shadow-md:0 12px 34px rgba(23,35,61,0.1);--sidebar-width:250px;--mobile-nav-height:72px}body{background:var(--surface-soft);color:var(--ink)}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(36,63,127,.2);outline-offset:2px}.premium-action,.primary-button,.secondary-button,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid transparent;min-height:44px;padding:10px 16px;font-weight:800;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.primary-button{background:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(36,63,127,.18)}.primary-button:hover{background:var(--brand-strong);transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.secondary-button{border-color:var(--line);background:var(--surface);color:var(--brand)}.secondary-button:hover{border-color:#b8c5e4;background:var(--brand-soft)}.premium-action{border-color:#f1cd72;background:#fff8df;color:#8b6207}.text-link{min-height:auto;padding:6px 0;color:var(--brand)}.full-width{width:100%}.icon-button{display:inline-grid;flex:0 0 auto;width:42px;height:42px;min-height:42px;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:0}.section-kicker{display:block;color:var(--brand);font-size:13px;font-weight:800}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2,.section-heading p{margin:0}.section-heading h2{margin-top:3px;font-size:23px}.premium-chip,.soft-badge,.status-badge,.streak-chip{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.soft-badge{background:#f1f4f8;color:var(--muted)}.status-badge{background:#f2f4f7;color:var(--muted)}.status-badge.success{background:var(--success-soft);color:var(--success)}.status-badge.warning{background:var(--accent-soft);color:#a15c04}.status-badge.danger{background:var(--danger-soft);color:var(--danger)}.premium-chip,.status-badge.premium{background:#fff5cc;color:#8b6207}.notice{border:1px solid #d6e0f5;border-radius:10px;background:var(--brand-soft);padding:12px 14px;color:var(--brand-strong)}.error-notice{border-color:#f3c7c1;background:var(--danger-soft);color:var(--danger)}.field,.search-field,.textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.field,.textarea{min-height:46px;padding:10px 12px}.textarea{min-height:110px;resize:vertical}.field:focus,.textarea:focus{border-color:#94a8d6;box-shadow:0 0 0 3px rgba(36,63,127,.1);outline:none}.form-stack{display:grid;grid-gap:14px;gap:14px}.form-field{display:grid;grid-gap:7px;gap:7px;color:var(--ink);font-weight:700}.form-field>span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.form-field small{color:var(--muted);font-size:11px;font-weight:500}.content-panel{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm);padding:22px}.loading-panel,.standalone-loading{display:flex;min-height:240px;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-weight:700}.standalone-loading{min-height:100dvh}.public-error-page{width:min(680px,calc(100% - 32px));margin:80px auto}.empty-inline,.empty-state{display:grid;justify-items:center;grid-gap:9px;gap:9px;border:1px dashed #cdd5df;border-radius:14px;background:rgba(255,255,255,.72);padding:34px;color:var(--muted);text-align:center}.empty-state h2,.empty-state h3,.empty-state p{margin:0}.large-empty{min-height:340px;align-content:center}.app-shell{min-height:100dvh;background:linear-gradient(rgba(36,63,127,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(36,63,127,.022) 1px,transparent 1px),var(--surface-soft);background-size:32px 32px}.desktop-sidebar{position:fixed;z-index:50;top:0;right:0;bottom:0;display:flex;width:var(--sidebar-width);flex-direction:column;border-left:1px solid var(--line);background:rgba(255,255,255,.96);padding:22px 16px 16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-brand{display:block;width:138px;margin:0 10px 26px}.app-brand img,.mobile-brand img{display:block;width:100%;height:auto}.side-nav{display:grid;grid-gap:5px;gap:5px}.side-link{display:flex;min-height:46px;align-items:center;gap:12px;border-radius:10px;padding:10px 13px;color:#4b5565;font-weight:700}.side-link:hover{background:#f5f7fb;color:var(--brand)}.side-link.active{background:var(--brand-soft);color:var(--brand);box-shadow:inset -3px 0 0 var(--brand)}.sidebar-account{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;grid-gap:9px;gap:9px;margin-top:auto;border-top:1px solid var(--line);padding-top:15px}.sidebar-account .avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:var(--brand);color:#fff;font-weight:800}.sidebar-account small,.sidebar-account strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account strong{font-size:13px}.sidebar-account small{color:var(--muted);font-size:11px}.sidebar-account .icon-button{width:36px;height:36px;min-height:36px}.app-main{min-height:100dvh;margin-right:var(--sidebar-width)}.app-topbar{position:-webkit-sticky;position:sticky;z-index:40;top:0;display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(228,232,239,.92);background:rgba(248,247,243,.9);padding:12px clamp(20px,4vw,48px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-title h1,.topbar-title p{margin:0}.topbar-title h1{font-size:21px}.topbar-title p{color:var(--muted);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:10px}.notification-button{position:relative}.mobile-brand{display:none}.app-content{width:min(1220px,calc(100% - 48px));margin:0 auto;padding:28px 0 48px}.mobile-bottom-nav{display:none}.focus-shell .app-main{margin-right:0}.focus-content{min-height:100dvh}.dashboard-stack{display:grid;grid-gap:28px;gap:28px}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard-welcome h2,.dashboard-welcome p{margin:0}.dashboard-welcome h2{margin-top:3px;font-size:27px}.dashboard-welcome p{color:var(--muted)}.streak-chip{flex:0 0 auto;background:#fff4cd;color:#a15c04;padding:9px 13px}.daily-mission{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.6fr) auto;align-items:center;grid-gap:24px;gap:24px;border-radius:16px;background:var(--brand);box-shadow:var(--shadow-md);padding:26px;color:#fff}.daily-mission:after{content:"";position:absolute;width:220px;height:220px;left:-70px;bottom:-120px;border:38px solid rgba(255,255,255,.05);border-radius:50%}.mission-copy{position:relative;z-index:1}.mission-label{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:rgba(255,255,255,.15);padding:5px 10px;font-size:12px;font-weight:800}.mission-copy h2,.mission-copy p{margin:0}.mission-copy h2{margin-top:10px;color:#fff;font-size:25px}.mission-copy p{margin-top:4px;color:rgba(255,255,255,.72)}.mission-progress{overflow:hidden;height:9px;border-radius:999px;background:rgba(255,255,255,.17)}.mission-progress>div{height:100%;border-radius:inherit;background:var(--brand-lime)}.mission-action{position:relative;z-index:1;display:inline-flex;min-height:48px;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(255,255,255,.12);padding:10px 15px;color:#fff;font-weight:800}.premium-banner{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;border:1px solid #edcf7b;border-radius:14px;background:#fff8df;padding:16px 18px}.premium-banner-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:12px;background:#f6dc88;color:#805807}.premium-banner p,.premium-banner strong{display:block;margin:0}.premium-banner p{color:#806a34;font-size:13px}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.quick-action{display:grid;min-height:138px;align-content:start;grid-gap:7px;gap:7px;border:1px solid transparent;border-radius:14px;padding:18px;transition:transform .15s ease,box-shadow .15s ease}.quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.quick-action strong{margin-top:8px}.quick-action span{color:var(--muted);font-size:12px}.quick-action.blue{border-color:#dce5fb;background:#f0f4ff;color:var(--brand)}.quick-action.amber{border-color:#f1dfae;background:#fff7df;color:#a15c04}.quick-action.violet{border-color:#e6ddfb;background:var(--violet-soft);color:var(--violet)}.quick-action.mint{border-color:#cceee0;background:#edfbf5;color:var(--success)}.deadline-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.deadline-card{position:relative;display:grid;min-height:170px;align-content:start;grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm);padding:16px}.deadline-card h3,.deadline-card p{margin:0}.deadline-card h3{font-size:16px;line-height:1.55}.deadline-card p{color:var(--muted);font-size:12px}.card-arrow{position:absolute;bottom:14px;left:14px;color:var(--brand)}.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);grid-gap:22px;gap:22px;align-items:flex-start}.compact-competition-list{display:grid;grid-gap:8px;gap:8px}.compact-competition{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:13px}.compact-competition span,.compact-competition strong{display:block}.compact-competition span{color:var(--muted);font-size:12px}.eligibility-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.eligibility-icon.eligible{background:var(--success-soft);color:var(--success)}.progress-summary{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm);padding:20px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:16px}.stat-grid>div{display:grid;justify-items:center;grid-gap:4px;gap:4px;border-radius:10px;background:#f7f8fb;padding:14px 6px;color:var(--brand);text-align:center}.stat-grid strong{font-size:22px}.stat-grid span{color:var(--muted);font-size:10px}.competitions-layout,.detail-layout,.mistakes-page,.practice-page,.profile-page,.results-page,.tracker-page{display:grid;grid-gap:22px;gap:22px}.competition-search-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(340px,1fr);align-items:center;grid-gap:30px;gap:30px;border-radius:16px;background:var(--brand);padding:28px;color:#fff}.competition-search-panel h1,.competition-search-panel p{margin:0}.competition-search-panel h1{margin-top:3px;color:#fff;font-size:31px}.competition-search-panel p{margin-top:5px;color:rgba(255,255,255,.72)}.competition-search-panel .section-kicker{color:#bcd0ff}.search-field{display:flex;min-height:54px;align-items:center;gap:10px;padding:8px 14px;color:var(--muted);box-shadow:var(--shadow-md)}.search-field input{min-width:0;flex:1 1;border:0;outline:0;background:transparent;color:var(--ink)}.search-field button{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:8px;background:#f2f4f7;color:var(--muted)}.eligibility-callout{display:grid;grid-template-columns:44px minmax(0,1fr) auto;width:min(680px,calc(100% - 40px));align-items:center;grid-gap:12px;gap:12px;margin:-42px auto 0;border:1px solid #efc66f;border-radius:14px;background:#fff8df;box-shadow:var(--shadow-md);padding:13px 16px;text-align:right}.eligibility-callout>span:first-child{display:grid;width:42px;height:42px;place-items:center;border-radius:10px;background:#f6dc88;color:#895d04}.eligibility-callout small,.eligibility-callout strong{display:block}.eligibility-callout small{color:var(--muted)}.competition-toolbar,.filter-chips{align-items:center}.filter-chips{display:flex;gap:7px}.count-selector button,.filter-chips button,.goal-presets button,.segmented-control button{min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:7px 12px;color:var(--muted);font-weight:700}.count-selector button.active,.filter-chips button.active,.goal-presets button.active,.segmented-control button.active{border-color:var(--brand);background:var(--brand);color:#fff}.competition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.competition-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm)}.competition-card-top{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;grid-gap:10px;gap:10px;border-bottom:1px solid #eff1f4;padding:14px 16px}.ministry-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:10px;background:var(--brand-soft);color:var(--brand)}.ministry-mark.large{width:54px;height:54px;border-radius:13px}.competition-card-top small,.competition-card-top span{display:block}.competition-card-top>div>span{font-size:13px;font-weight:800}.competition-card-top small{color:var(--success);font-size:11px}.bookmark-button{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted)}.bookmark-button.active{border-color:#b6c7ee;background:var(--brand-soft);color:var(--brand)}.competition-card-link{display:grid;grid-gap:13px;gap:13px;padding:17px}.competition-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.competition-title-row h2{margin:0;font-size:20px;line-height:1.55}.premium-dot{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:9px;background:#fff5cc;color:#8b6207}.competition-summary{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.competition-meta{display:flex;flex-wrap:wrap;gap:7px}.competition-meta span{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#f5f6f8;padding:5px 8px;color:var(--muted);font-size:11px}.competition-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.competition-card-footer .tag-row{display:flex;flex-wrap:wrap;gap:6px}.card-cta{color:var(--brand);font-size:12px;font-weight:800}.modal-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:rgba(17,24,39,.55);padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bottom-sheet{position:relative;width:min(460px,100%);border-radius:18px;background:var(--surface);box-shadow:0 24px 80px rgba(17,24,39,.25);padding:26px;text-align:center}.sheet-handle{display:none}.sheet-close{position:absolute;top:14px;left:14px}.sheet-icon{display:grid;width:58px;height:58px;place-items:center;margin:6px auto 14px;border-radius:15px;background:var(--success-soft);color:var(--success)}.bottom-sheet h2,.bottom-sheet p{margin:0}.bottom-sheet p{margin:8px 0 20px;color:var(--muted)}.competition-detail-hero{display:grid;grid-gap:18px;gap:18px;border-radius:16px;background:var(--brand);padding:26px;color:#fff}.detail-hero-top{display:grid;grid-template-columns:54px minmax(0,1fr) 42px;align-items:center;grid-gap:14px;gap:14px}.competition-detail-hero .ministry-mark{background:rgba(255,255,255,.13);color:#fff}.detail-hero-top h1,.detail-hero-top span{display:block;margin:0}.detail-hero-top span{color:#bdcdf4;font-size:13px}.detail-hero-top h1{margin-top:3px;color:#fff;font-size:27px}.competition-detail-hero .bookmark-button{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff}.detail-badges{display:flex;flex-wrap:wrap;gap:8px}.detail-tabs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:5px}.detail-tabs button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:700}.detail-tabs button.active{background:var(--brand-soft);color:var(--brand)}.detail-panel{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm);padding:24px}.detail-intro h2,.detail-intro p{margin:0}.detail-intro p{margin-top:5px;color:var(--muted)}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:20px 0}.detail-fact{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;grid-gap:2px 8px;gap:2px 8px;border:1px solid #edf0f4;border-radius:11px;background:#fafbfc;padding:14px}.detail-fact svg{grid-row:1/3;color:var(--brand)}.detail-fact span{color:var(--muted);font-size:11px}.detail-fact strong{font-size:13px}.documents-list,.practice-config,.topic-list{display:grid;grid-gap:12px;gap:12px}.document-row,.topic-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;grid-gap:11px;gap:11px;border:1px solid var(--line);border-radius:10px;padding:13px}.topic-row>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:800}.document-row>svg:last-child,.topic-row>svg{color:var(--success)}.count-selector,.goal-presets,.segmented-control{display:flex;flex-wrap:wrap;gap:8px}.practice-hero{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;grid-gap:18px;gap:18px;border-radius:16px;background:var(--brand-soft);padding:24px}.practice-hero-icon{display:grid;width:72px;height:72px;place-items:center;border-radius:18px;background:var(--brand);color:#fff}.practice-hero h1,.practice-hero p{margin:0}.practice-hero p{color:var(--muted)}.practice-builder{display:grid;grid-gap:1px;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line)}.builder-section{position:relative;display:grid;grid-gap:16px;gap:16px;background:var(--surface);padding:24px}.builder-section>div>h2,.builder-section>div>p{margin:0}.builder-section>div>p{color:var(--muted);font-size:13px}.builder-step{position:absolute;top:22px;left:22px;display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-weight:800}.exam-selector-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px}.exam-select-card{display:grid;min-height:116px;justify-items:start;align-content:start;grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:13px;color:var(--ink);text-align:right}.exam-select-card.active{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.exam-select-card span{color:var(--brand)}.exam-select-card strong{font-size:13px;line-height:1.55}.exam-select-card small{color:var(--muted)}.count-selector.large{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr))}.count-selector.large button{display:grid;min-height:72px;place-items:center}.count-selector.large span,.count-selector.large strong{display:block}.count-selector.large strong{font-size:20px}.count-selector.large span{font-size:11px}.practice-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f6f8fc;padding:18px 24px}.practice-summary span,.practice-summary strong{display:block}.practice-summary span{color:var(--muted);font-size:12px}.tracker-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:20px;gap:20px;border-radius:16px;background:var(--brand);padding:25px;color:#fff}.tracker-overview h1,.tracker-overview p{margin:0}.tracker-overview h1{color:#fff}.tracker-overview p{color:rgba(255,255,255,.7)}.tracker-overview .section-kicker{color:#bfd0fb}.tracker-summary{display:flex;gap:8px}.tracker-summary span{display:grid;min-width:105px;justify-items:center;grid-gap:5px;gap:5px;border-radius:10px;background:rgba(255,255,255,.11);padding:12px;font-size:11px}.tracker-list{display:grid;grid-gap:12px;gap:12px}.tracker-card{display:grid;grid-gap:18px;gap:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm);padding:20px}.tracker-card-footer,.tracker-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.tracker-card-head h2,.tracker-card-head span{display:block;margin:0}.tracker-card-head>div>span{color:var(--muted);font-size:12px}.tracker-card-head h2{font-size:19px}.stage-progress{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:0;gap:0}.stage-progress:before{content:"";position:absolute;z-index:0;top:17px;right:10%;left:10%;height:2px;background:var(--line)}.stage-progress button{position:relative;z-index:1;display:grid;justify-items:center;grid-gap:6px;gap:6px;border:0;background:transparent;color:var(--muted)}.stage-progress button>span{display:grid;width:34px;height:34px;place-items:center;border:2px solid var(--line);border-radius:50%;background:var(--surface);font-size:11px}.stage-progress button.complete{color:var(--brand)}.stage-progress button.complete>span{border-color:var(--brand);background:var(--brand);color:#fff}.compact-field{width:auto;min-width:150px}.mistakes-hero{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;grid-gap:16px;gap:16px;border:1px solid #e3d8fa;border-radius:16px;background:var(--violet-soft);padding:22px}.mistakes-hero>span{display:grid;width:60px;height:60px;place-items:center;border-radius:15px;background:var(--violet);color:#fff}.mistakes-hero h1,.mistakes-hero p{margin:0}.mistakes-hero p{color:var(--muted)}.mistake-list{display:grid;grid-gap:12px;gap:12px}.mistake-card{display:grid;grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm);padding:20px}.mistake-card h2,.mistake-card p{margin:0}.mistake-card h2{font-size:19px;line-height:1.7}.mistake-card>p{color:var(--muted)}.mistake-actions,.mistake-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mistake-card-head{color:var(--muted);font-size:12px}.mistake-count{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:var(--danger-soft);padding:5px 9px;color:var(--danger);font-weight:800}.correct-answer{display:flex;align-items:center;gap:10px;border-radius:10px;background:var(--success-soft);padding:12px;color:var(--success)}.correct-answer span,.correct-answer strong{display:block}.correct-answer span{font-size:11px}.profile-header-card{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;grid-gap:16px;gap:16px;border-radius:16px;background:var(--brand);padding:24px;color:#fff}.profile-avatar{display:grid;width:68px;height:68px;place-items:center;border-radius:18px;background:rgba(255,255,255,.13)}.profile-header-card h1,.profile-header-card p{margin:0}.profile-header-card h1{color:#fff}.profile-header-card p{color:#c8d4f3}.profile-header-card .section-kicker{color:#b8cbf8}.profile-stats-inline{display:flex;gap:8px}.profile-stats-inline span{display:grid;min-width:86px;justify-items:center;border-radius:10px;background:rgba(255,255,255,.1);padding:10px;color:#cbd6f2;font-size:10px}.profile-stats-inline strong{color:#fff;font-size:20px}.profile-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);align-items:flex-start}.profile-grid,.profile-main-column,.profile-settings{display:grid;grid-gap:18px;gap:18px}.weekly-chart{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:9px;gap:9px;height:190px;align-items:flex-end}.weekly-chart>div{display:grid;height:100%;grid-template-rows:20px 1fr 20px;justify-items:center;grid-gap:5px;gap:5px}.chart-value,.weekly-chart small{color:var(--muted);font-size:10px}.chart-bar{position:relative;overflow:hidden;display:flex;width:min(34px,70%);height:100%;align-items:flex-end;border-radius:8px;background:#f0f2f6}.chart-bar>span{width:100%;border-radius:inherit;background:var(--brand)}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.achievement{display:grid;justify-items:center;grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:11px;padding:14px 8px;color:#98a2b3;text-align:center;filter:grayscale(1)}.achievement.unlocked{border-color:#ead18a;background:#fff9e8;color:#9a6700;filter:none}.achievement>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#f2f4f7}.achievement.unlocked>span{background:#f8e4a3}.achievement strong{font-size:12px}.achievement small{color:var(--muted);font-size:9px}.mastery-panel{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center;grid-gap:20px;gap:20px}.mastery-panel h2,.mastery-panel p{margin:0}.mastery-panel p{color:var(--muted)}.mastery-ring,.result-ring{display:grid;width:104px;height:104px;place-items:center;border-radius:50%;background:conic-gradient(var(--brand) var(--progress),#e9edf4 0)}.mastery-ring:before,.result-ring:before{content:"";grid-area:1/1;width:78px;height:78px;border-radius:50%;background:var(--surface)}.mastery-ring strong,.result-ring span,.result-ring strong{position:relative;z-index:1;grid-area:1/1}.setting-toggle{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px}.setting-toggle input{width:19px;height:19px;accent-color:var(--brand)}.setting-toggle small,.setting-toggle strong{display:block}.setting-toggle strong{display:flex;align-items:center;gap:7px}.setting-toggle small{color:var(--muted)}.account-quality{display:grid;grid-template-columns:32px minmax(0,1fr) 24px;align-items:center;grid-gap:10px;gap:10px;color:var(--success)}.account-quality p,.account-quality strong{margin:0}.account-quality p{color:var(--muted);font-size:12px}.quiz-session{display:grid;min-height:100dvh;grid-template-rows:auto 1fr auto;background:#fbfaf7}.quiz-session-header{display:grid;grid-template-columns:48px minmax(0,760px) 100px;align-items:center;justify-content:center;grid-gap:20px;gap:20px;border-bottom:1px solid var(--line);background:var(--surface);padding:12px 24px}.quiz-progress-summary{display:grid;grid-gap:7px;gap:7px}.quiz-progress-summary>div:first-child{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.quiz-progress-track{overflow:hidden;height:7px;border-radius:999px;background:#edf0f5}.quiz-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--brand)}.quiz-timer{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--brand);font-weight:800}.quiz-question-area{width:min(780px,calc(100% - 40px));margin:0 auto;padding:34px 0}.question-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--muted);font-size:12px}.question-card{display:grid;grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm);padding:28px}.question-card h1,.question-card p{margin:0}.question-card h1{font-size:24px;line-height:1.8}.question-card p,.question-number{color:var(--muted);font-size:12px}.quiz-options{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.quiz-options button,.review-options>div{display:grid;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;grid-gap:11px;gap:11px;min-height:64px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px 14px;color:var(--ink);text-align:right}.quiz-options button>span,.review-options>div>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#f2f4f7;color:var(--muted);font-weight:800}.quiz-options button p,.review-options p{margin:0}.quiz-options button.active{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.quiz-options button.active>span{background:var(--brand);color:#fff}.quiz-options button.active>svg{color:var(--brand)}.quiz-session-footer{display:grid;grid-template-columns:150px minmax(100px,1fr) 180px;width:min(820px,calc(100% - 40px));align-items:center;grid-gap:12px;gap:12px;margin:0 auto;border-top:1px solid var(--line);padding:14px 0 20px;text-align:center}.quiz-session-footer>span{color:var(--muted);font-size:12px}.results-summary{display:grid;grid-template-columns:116px minmax(0,1fr) auto;align-items:center;grid-gap:24px;gap:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm);padding:24px}.result-ring{width:110px;height:110px;grid-template-rows:1fr 1fr;background:conic-gradient(var(--brand) var(--progress),#e9edf4 0)}.result-ring.success{background:conic-gradient(var(--success) var(--progress),#e9edf4 0)}.result-ring.warning{background:conic-gradient(var(--accent) var(--progress),#e9edf4 0)}.result-ring.danger{background:conic-gradient(var(--danger) var(--progress),#e9edf4 0)}.result-ring strong{align-self:end;font-size:24px}.result-ring span{align-self:start;margin-top:4px;color:var(--muted);font-size:10px}.results-summary h1,.results-summary p{margin:0}.results-summary p{color:var(--muted)}.result-metrics{display:flex;gap:8px}.result-metrics span{display:grid;min-width:112px;justify-items:center;grid-gap:3px;gap:3px;border-radius:10px;background:#f6f7f9;padding:12px;color:var(--muted);font-size:10px}.result-metrics svg{color:var(--brand)}.result-metrics strong{color:var(--ink);font-size:17px}.result-actions{display:flex;flex-wrap:wrap;gap:9px}.answers-review{display:grid;grid-gap:12px;gap:12px}.review-card{display:grid;grid-gap:13px;gap:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:20px}.review-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.review-card h3{margin:0;line-height:1.7}.review-options{display:grid;grid-gap:7px;gap:7px}.review-options>div{min-height:50px;background:#fafbfc}.review-options>div.correct{border-color:#9ddfc1;background:var(--success-soft);color:var(--success)}.review-options>div.wrong{border-color:#f1aaa2;background:var(--danger-soft);color:var(--danger)}.answer-explanation{margin:0;border-right:3px solid var(--brand);background:var(--brand-soft);padding:11px 13px;color:var(--muted)}.premium-gate-page{display:grid;min-height:60dvh;place-items:center}.premium-access-gate{display:grid;width:min(620px,100%);justify-items:center;grid-gap:14px;gap:14px;border:1px solid #ecd17f;border-radius:16px;background:#fffaf0;padding:36px;text-align:center}.premium-access-gate h1,.premium-access-gate p{margin:0}.premium-access-gate p{color:var(--muted)}.onboarding-page{display:grid;min-height:100dvh;grid-template-rows:auto 1fr;justify-items:center;background:linear-gradient(135deg,rgba(36,63,127,.045) 25%,transparent 0) 0 0 /32px 32px,linear-gradient(225deg,rgba(36,63,127,.045) 25%,transparent 0) 0 0 /32px 32px,#fbfaf7;padding:22px}.onboarding-header{display:flex;width:min(760px,100%);align-items:center;justify-content:space-between;gap:20px}.onboarding-header img{width:135px;height:auto}.onboarding-progress{display:flex;gap:7px}.onboarding-progress span{width:24px;height:6px;border-radius:999px;background:#dfe3ea}.onboarding-progress span.active{background:var(--brand)}.onboarding-card{display:grid;width:min(640px,100%);min-height:600px;align-self:center;align-content:space-between;grid-gap:24px;gap:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-md);padding:36px}.onboarding-step{display:grid;grid-gap:14px;gap:14px}.onboarding-step h1,.onboarding-step p{margin:0}.onboarding-step h1{font-size:30px}.onboarding-step>p{color:var(--muted)}.welcome-step{justify-items:center;text-align:center}.onboarding-visual{display:grid;width:112px;height:112px;place-items:center;border:16px solid #e1e8f8;border-radius:50%;background:var(--brand);color:#fff;box-shadow:0 0 0 14px #f2f5fb}.onboarding-benefits{display:grid;width:100%;grid-gap:8px;gap:8px;margin-top:8px}.onboarding-benefits div{display:flex;align-items:center;gap:10px;border:1px solid #edf0f4;border-radius:11px;background:#fafbfc;padding:12px 14px;color:var(--ink);text-align:right}.onboarding-benefits svg{color:var(--brand)}.step-icon{display:grid;width:50px;height:50px;place-items:center;border-radius:13px;background:var(--brand-soft);color:var(--brand)}.goal-step{justify-items:center;text-align:center}.goal-value{display:grid;justify-items:center;margin:20px 0 4px}.goal-value strong{color:var(--brand);font-size:64px;line-height:1}.goal-value span{color:var(--muted)}.goal-slider{width:100%;accent-color:var(--brand)}.onboarding-actions{display:flex;justify-content:flex-end;gap:10px}.admin-grid{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:flex-start}.admin-grid>aside{position:-webkit-sticky;position:sticky;top:96px}.admin-grid .panel{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm)}.admin-grid>aside .panel{padding:16px}.admin-grid>aside h2,.admin-grid>aside p{margin-top:0}.admin-grid>aside .form-stack{gap:6px}.admin-grid>aside .ghost-button,.admin-grid>aside .primary-button{width:100%;justify-content:flex-start;box-shadow:none}.admin-grid>section{min-width:0}.admin-grid .page-title h1{font-size:28px}.admin-grid .exam-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-grid .metric{border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm)}.admin-grid .panel{padding:20px}.admin-grid .table-panel{overflow-x:auto;margin-top:14px}.admin-form-grid{gap:12px}.site-shell{background:var(--surface-soft)}.nav{border-bottom-color:var(--line)}.hero-media{border-radius:16px}.auth-card,.exam-card,.hero-media-panel,.panel{border-radius:14px}.auth-wrap{display:grid;min-height:100dvh;place-items:center;background:linear-gradient(120deg,rgba(36,63,127,.08),transparent 45%),var(--surface-soft);padding:24px}.auth-card{width:min(520px,100%);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-md);padding:28px}.auth-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.auth-logo{display:block;width:122px;height:auto}.auth-intro{display:grid;grid-gap:8px;gap:8px;margin:24px 0 18px}.auth-intro h1,.auth-intro p{margin:0}.auth-intro h1{font-size:29px}.auth-intro p{color:var(--muted);line-height:1.8}@media (max-width:1120px){:root{--sidebar-width:214px}.deadline-strip,.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-facts{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-grid>aside{position:static}.admin-grid>aside .form-stack{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.desktop-sidebar{display:none}.app-main{margin-right:0}.app-topbar{min-height:66px;padding:9px 15px}.mobile-brand{display:block;width:108px}.premium-chip,.topbar-title{display:none}.app-content{width:min(100% - 24px,680px);padding:18px 0 calc(var(--mobile-nav-height) + 24px)}.mobile-bottom-nav{position:fixed;z-index:70;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.97);padding:7px 6px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-bottom-nav a{display:grid;justify-items:center;align-content:center;grid-gap:2px;gap:2px;color:#7b8494;font-size:10px;font-weight:700}.mobile-nav-icon{display:grid;width:36px;height:32px;place-items:center;border-radius:9px}.mobile-bottom-nav a.active{color:var(--brand)}.mobile-bottom-nav a.active .mobile-nav-icon{background:var(--brand-soft)}.mobile-bottom-nav a.featured{position:relative;top:-19px}.mobile-bottom-nav a.featured .mobile-nav-icon{width:54px;height:54px;border-radius:15px;background:var(--brand);box-shadow:0 8px 20px rgba(36,63,127,.3);color:#fff}.mobile-bottom-nav a.featured>span:last-child{position:relative;top:15px}.dashboard-welcome{align-items:flex-start}.dashboard-welcome h2{font-size:22px}.daily-mission{grid-template-columns:1fr;gap:16px}.mission-action{justify-content:center}.premium-banner{grid-template-columns:42px minmax(0,1fr)}.premium-banner .secondary-button{grid-column:1/-1}.competition-grid,.competition-search-panel,.dashboard-lower-grid,.profile-grid{grid-template-columns:1fr}.competition-search-panel{gap:20px;padding:22px}.competition-search-panel h1{font-size:26px}.eligibility-callout{width:calc(100% - 24px);margin-top:-34px}.competition-toolbar{align-items:flex-start;flex-direction:column}.filter-chips{overflow-x:auto;width:100%;padding-bottom:4px}.filter-chips button{flex:0 0 auto}.detail-facts,.exam-selector-grid{grid-template-columns:1fr 1fr}.practice-summary,.tracker-overview{align-items:stretch;flex-direction:column}.tracker-overview{display:grid;grid-template-columns:1fr}.tracker-summary{display:grid;grid-template-columns:repeat(3,1fr)}.profile-header-card{grid-template-columns:60px minmax(0,1fr)}.profile-stats-inline{grid-column:1/-1}.profile-stats-inline span{flex:1 1}.results-summary{grid-template-columns:100px minmax(0,1fr)}.result-metrics{grid-column:1/-1}.admin-grid .exam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.competitions-layout,.dashboard-stack,.detail-layout,.mistakes-page,.practice-page,.profile-page,.results-page,.tracker-page{gap:18px}.section-heading h2{font-size:20px}.dashboard-welcome{display:grid}.streak-chip{justify-self:start}.quick-actions{grid-template-columns:1fr 1fr}.quick-action{min-height:128px;padding:15px}.deadline-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px}.deadline-card{min-width:78%;scroll-snap-align:start}.stat-grid>div{padding:12px 4px}.competition-card-top{padding:12px}.competition-card-link{padding:15px}.competition-title-row h2{font-size:18px}.eligibility-callout{grid-template-columns:40px minmax(0,1fr)}.eligibility-callout>.status-badge{display:none}.modal-overlay{align-items:flex-end;padding:0}.bottom-sheet{width:100%;border-radius:20px 20px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.sheet-handle{display:block;width:42px;height:4px;margin:-10px auto 18px;border-radius:999px;background:#d7dce4}.detail-hero-top{grid-template-columns:48px minmax(0,1fr) 40px}.detail-hero-top h1{font-size:21px}.detail-tabs{grid-template-columns:repeat(4,minmax(74px,1fr));overflow-x:auto}.detail-tabs button{display:grid;min-width:76px;font-size:10px}.detail-panel{padding:18px}.detail-facts{grid-template-columns:1fr}.practice-hero{grid-template-columns:58px minmax(0,1fr);padding:18px}.practice-hero-icon{width:56px;height:56px;border-radius:14px}.practice-hero h1{font-size:22px}.builder-section{padding:20px 16px}.builder-step{top:17px;left:16px}.exam-selector-grid{grid-template-columns:1fr}.count-selector.large{grid-template-columns:repeat(2,1fr)}.practice-summary{display:grid;grid-gap:14px;gap:14px;padding:16px}.practice-summary .premium-action,.practice-summary .primary-button{width:100%}.tracker-summary{grid-template-columns:1fr}.tracker-summary span{grid-template-columns:24px 1fr;justify-items:start;align-items:center}.stage-progress{overflow-x:auto;grid-template-columns:repeat(5,minmax(84px,1fr))}.mistake-actions,.mistake-card-head,.tracker-card-footer{align-items:stretch;flex-direction:column}.compact-field{width:100%}.mistakes-hero{grid-template-columns:52px minmax(0,1fr);padding:17px}.mistakes-hero>span{width:50px;height:50px}.mistake-actions .primary-button,.mistake-actions .secondary-button{width:100%}.profile-header-card{grid-template-columns:52px minmax(0,1fr);padding:18px}.profile-avatar{width:50px;height:50px;border-radius:13px}.profile-stats-inline{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.profile-stats-inline span{min-width:0}.achievement-grid{grid-template-columns:repeat(2,1fr)}.mastery-panel{grid-template-columns:1fr;justify-items:center;text-align:center}.content-panel{padding:17px}.quiz-session-header{grid-template-columns:42px minmax(0,1fr) 74px;gap:10px;padding:9px 12px}.quiz-question-area{width:min(100% - 24px,780px);padding:20px 0}.question-card{padding:20px}.question-card h1{font-size:20px}.quiz-options button{min-height:62px;padding:9px 11px}.quiz-session-footer{position:-webkit-sticky;position:sticky;bottom:0;grid-template-columns:1fr 1fr;width:100%;gap:8px;border-top:1px solid var(--line);background:var(--surface);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.quiz-session-footer>span{display:none}.results-summary{grid-template-columns:94px minmax(0,1fr);gap:14px;padding:17px}.result-ring{width:92px;height:92px}.result-ring:before{width:68px;height:68px}.results-summary h1{font-size:20px}.result-metrics{display:grid;grid-template-columns:1fr 1fr;width:100%}.result-metrics span{min-width:0}.result-actions{display:grid}.review-card{padding:16px}.onboarding-page{padding:14px}.onboarding-header img{width:110px}.onboarding-card{min-height:calc(100dvh - 100px);border-radius:15px;padding:24px 18px}.onboarding-step h1{font-size:25px}.onboarding-actions .primary-button{flex:1 1}.admin-grid .exam-grid,.admin-grid>aside .form-stack{grid-template-columns:1fr 1fr}.admin-grid .panel{padding:16px}}.landing-hero{position:relative;display:flex;min-height:590px;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(12,20,36,.24),rgba(12,20,36,.72) 48%,rgba(12,20,36,.94)),url(https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1800&q=84) 50%/cover;color:#fff}.landing-hero:after{position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(180deg,transparent,rgba(8,14,27,.26));content:"";pointer-events:none}.landing-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-block:48px}.landing-hero .eyebrow{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-hero h1{max-width:760px;margin:0;color:#fff;font-size:58px;line-height:1.14;letter-spacing:0}.landing-hero p{max-width:700px;margin:0;color:rgba(255,255,255,.86);font-size:19px;line-height:1.85}.landing-hero .ghost-button{border-color:rgba(255,255,255,.44);color:#fff}.landing-hero .ghost-button:hover{border-color:#fff;background:rgba(255,255,255,.1)}.landing-search{display:grid;width:min(680px,100%);grid-template-columns:minmax(0,1fr) 112px;grid-gap:10px;gap:10px}.landing-search .field{min-width:0;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.96)}.landing-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.landing-hero-stats{display:flex;flex-wrap:wrap;gap:24px}.landing-hero-stats>div{display:grid;grid-gap:1px;gap:1px;min-width:108px}.landing-hero-stats strong{color:#fff;font-size:22px}.landing-hero-stats span{color:rgba(255,255,255,.72);font-size:13px}.landing-competitions{padding-top:34px}@media (max-width:720px){.nav-inner{min-height:68px;flex-direction:row;align-items:center;gap:8px}.nav-links{overflow:visible;gap:2px;padding-bottom:0}.nav-link[href="/contact"]{display:none}.nav .primary-button,.nav-link{min-height:40px;padding:8px 10px;font-size:14px}.brand-logo{width:104px}.landing-hero{min-height:650px;align-items:flex-end;background:linear-gradient(180deg,rgba(10,17,31,.24),rgba(10,17,31,.88) 54%,rgba(10,17,31,.97)),url(https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=900&q=82) 42%/cover}.landing-hero-content{gap:14px;padding-block:34px}.landing-hero h1{max-width:360px;font-size:39px;line-height:1.18}.landing-hero p{font-size:16px;line-height:1.75}.landing-search{grid-template-columns:minmax(0,1fr) 84px}.landing-hero-stats{width:100%;justify-content:space-between;gap:8px}.landing-hero-stats>div{min-width:0}.landing-hero-stats strong{font-size:18px}}@media (max-width:420px){.nav-link{font-size:0}.nav-link svg{width:19px;height:19px}.nav .primary-button{padding-inline:9px}.landing-hero h1{font-size:34px}.landing-hero-actions{width:100%}}