:root{color:#241716;background:#f7efec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--red-900: #4b0f0d;--red-800: #761916;--red-700: #a52520;--red-600: #c7352e;--red-100: #fde8e3;--cream: #fff8f4;--ink: #241716;--muted: #766562;--line: #ead3cc;--shadow: 0 18px 44px rgba(99, 28, 22, .12)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{min-height:44px;padding:10px 14px;color:#fff;background:var(--red-700);border:1px solid var(--red-700);border-radius:8px;font-weight:800;cursor:pointer}button.secondary,.nav-button{color:var(--red-800);background:transparent}button:disabled{cursor:not-allowed;opacity:.72}select{min-height:44px;padding:10px 12px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px}.app-shell{min-height:100vh}.app-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:24px;background:#fff8f4f0;border-bottom:1px solid var(--line)}.app-header h1,.page-card h2{margin:0}.eyebrow{margin:0 0 6px;color:var(--muted);font-size:13px;font-weight:900;text-transform:uppercase}.eyebrow.light{color:#ffd7ce}.main-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.account-button{min-height:0;margin-top:8px;padding:6px 9px;color:var(--red-800);background:var(--red-100);border-color:#f3beb5;font-size:13px}.nav-button-active{color:#fff;background:var(--red-700)}.page-container{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0}.page-card{display:grid;gap:16px;padding:22px;background:#ffffffe0;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.hero-card{border-left:6px solid var(--red-700)}.home-stack{display:grid;gap:18px}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:24px;align-items:end;min-height:420px;padding:34px;color:#fffaf7;background:linear-gradient(135deg,#4b0f0df2,#761916e0 46%,#c7352ed1),radial-gradient(circle at 78% 20%,rgba(255,211,90,.32),transparent 32%);border:1px solid rgba(255,255,255,.16);border-radius:14px;box-shadow:0 24px 54px #4b0f0d3d}.compact-hero{min-height:250px;padding:26px 30px}.hero-copy{display:grid;gap:18px;max-width:760px}.compact-hero .hero-copy{gap:12px}.compact-hero .hero-copy h2{font-size:clamp(30px,5vw,52px)}.compact-hero .hero-copy p{font-size:16px}.access-status{font-size:clamp(28px,4vw,42px)!important}.hero-copy h2{max-width:820px;margin:0;font-size:clamp(34px,6vw,72px);line-height:.98}.hero-copy p{max-width:680px;margin:0;color:#ffe7df;font-size:18px;line-height:1.6}.light-button{color:#fff7f3;border-color:#ffffffb8}.hero-status{display:grid;gap:8px;padding:18px;background:#fff8f41f;border:1px solid rgba(255,255,255,.24);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-status span{color:#ffd7ce;font-size:13px;font-weight:900;text-transform:uppercase}.hero-status strong{font-size:50px;line-height:1}.hero-status p{margin:0;color:#ffe7df;font-weight:800}.hero-progress{overflow:hidden;height:10px;background:#ffffff38;border-radius:999px}.hero-progress i{display:block;height:100%;background:linear-gradient(90deg,#ffd35a,#fff);border-radius:inherit}.home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.feature-card{display:grid;gap:10px;min-height:190px;padding:18px;background:var(--cream);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.feature-card span{width:fit-content;padding:4px 8px;color:var(--red-800);background:var(--red-100);border-radius:999px;font-weight:900}.feature-card h3{margin:0;font-size:22px}.feature-card p{margin:0;color:var(--muted);line-height:1.55}.feature-card.accent-red{color:#fff8f4;background:var(--red-800);border-color:var(--red-800)}.feature-card.accent-red span{color:var(--red-900);background:#ffd35a}.feature-card.accent-red p{color:#ffd7ce}.home-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-heading,.quiz-toolbar,.question-header{display:flex;gap:14px;align-items:center;justify-content:space-between}.section-heading h2,.question-header p,.explanation p{margin:0}.muted-text{margin:0;color:var(--muted);line-height:1.55}.topic-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.topic-chip,.topic-row{color:var(--ink);background:#fff;border-color:var(--line)}.topic-chip{position:relative;display:grid;gap:8px;justify-items:start;min-height:84px;text-align:left}.topic-chip i{position:absolute;top:10px;right:10px;display:grid;width:24px;height:24px;place-items:center;color:#fff;background:var(--red-600);border-radius:50%;font-style:normal;font-weight:900}.topic-chip:not(.active) i{background:#efe7e4}.topic-chip span{padding-right:26px;color:var(--muted);font-size:13px;font-weight:900}.topic-chip strong{font-size:24px}.topic-chip.active,.topic-row.active{color:#fff;background:var(--red-800);border-color:var(--red-800)}.topic-chip.active span{color:#ffd7ce}.dashboard-stack,.quiz-stack,.topic-list,.question-list,.admin-list{display:grid;gap:14px}.dashboard-intro{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:24px;color:#fff;background:linear-gradient(135deg,var(--red-900),var(--red-700) 65%,#dc5b36);border-radius:10px;box-shadow:var(--shadow)}.dashboard-intro h2,.dashboard-intro p{margin:0}.analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.analytics-card{position:relative;overflow:hidden;display:grid;gap:14px;min-height:260px;padding:22px;background:#fff;border:1px solid var(--line);border-left:7px solid var(--red-700);border-radius:8px;box-shadow:var(--shadow)}.compact-analytics{min-height:210px;padding:18px}.compact-analytics .ring{position:absolute;right:18px;bottom:18px;width:82px}.compact-analytics .ring b{font-size:18px}.home-analytics .analytics-card>strong{font-size:28px}.analytics-card>span,.analytics-title>span{color:var(--muted);font-size:13px;font-weight:900;text-transform:uppercase}.analytics-card>strong{font-size:34px;line-height:1.1}.analytics-card p,.analytics-card small{margin:0;color:var(--muted)}.analytics-title{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.analytics-title b,.access-label{padding:6px 9px;border-radius:999px;font-size:12px}.level-red{--level-color: #d64a3a;border-left-color:#d64a3a}.level-yellow{--level-color: #e5b628;border-left-color:#e5b628}.level-green{--level-color: #42a85d;border-left-color:#42a85d}.level-blue{--level-color: #397bd7;border-left-color:#397bd7}.global-card .analytics-title b{color:#3a251f;background:color-mix(in srgb,var(--level-color) 24%,white)}.ring{display:grid;width:108px;aspect-ratio:1;place-items:center;background:radial-gradient(circle,#ffffff 56%,transparent 58%),conic-gradient(#397bd7 var(--value),#33a852 0 75%,#e9bc31 0 90%,#d64a3a 0);border-radius:50%}.ring b{font-size:22px}.progress-squares{display:grid;grid-template-columns:repeat(10,minmax(12px,1fr));gap:5px}.progress-squares i{aspect-ratio:1;background:#ecefed;border:1px solid #d5dcd8;border-radius:5px}.progress-squares i.filled{background:var(--level-color);border-color:var(--level-color);box-shadow:inset 0 -4px #00000017}.global-bar{overflow:hidden;height:28px;background:#edf0ee;border:1px solid #d9dfdc;border-radius:999px}.global-bar i{display:grid;min-width:0;height:100%;place-items:center end;padding-right:8px;color:#fff;background:var(--level-color);border-radius:inherit;font-style:normal;font-weight:900}.small-stat{color:var(--red-800);font-size:20px!important}.admin-user-card{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.admin-user-card p{margin:5px 0 0;color:var(--muted)}.danger-button{color:#a82720;background:#fff;border-color:#d04437}.access-label.full{color:#1d6b38;background:#e4f7e9}.access-gate{max-width:720px;margin:48px auto;text-align:center}.quiz-status-bar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;background:#fff8f4f5;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 34px #631c1624;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.quiz-status-bar div{display:grid;gap:2px;min-width:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px}.quiz-status-bar span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.quiz-status-bar strong{font-size:24px;line-height:1}.timer-danger{color:#a82720}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-tile{display:grid;gap:10px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.stat-tile span,.quiz-meta span{color:var(--muted);font-size:13px;font-weight:900;text-transform:uppercase}.stat-tile strong{font-size:34px}.topic-row{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:56px;text-align:left}.topic-row span,.topic-row strong{position:relative;z-index:1}.topic-row i{position:absolute;inset:auto auto 0 0;height:4px;background:#ffd35a}.quiz-toolbar{align-items:end}.quiz-toolbar label{display:grid;flex:1;gap:6px;color:var(--muted);font-weight:800}.quiz-meta{display:flex;flex-wrap:wrap;gap:8px}.quiz-meta span{padding:7px 9px;background:var(--red-100);border-radius:999px}.question-header strong{color:var(--red-800)}.question-card{display:grid;gap:16px;padding:22px;background:#ffffffeb;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.compact-topics{max-height:320px;overflow:auto;padding:4px}.compact-topics .topic-chip{min-height:72px}.ready-panel{display:grid;gap:8px;min-height:220px;place-content:center;padding:28px;text-align:center;background:#fff;border:1px solid var(--line);border-left:7px solid var(--red-700);border-radius:8px;box-shadow:var(--shadow)}.ready-panel h2,.ready-panel p{margin:0}.result-banner{display:grid;gap:4px;padding:18px;color:#fff;border-radius:8px}.result-banner strong{font-size:28px}.result-banner.passed{background:#278247}.result-banner.failed{background:#b9362d}.bottom-finish{display:flex;justify-content:center;padding:14px 0 40px}.bottom-finish button{width:min(100%,420px);min-height:56px;font-size:18px}.question-card h2{margin:0;font-size:22px;line-height:1.25}.dark-card{color:#fff8f4;background:#281816;border-color:#51302c}.roadmap-list{display:grid;gap:10px;margin:0;padding-left:20px;color:#ffe7df}.action-row{display:flex;flex-wrap:wrap;gap:10px}.placeholder-panel,.status-card,.explanation{padding:14px;background:var(--red-100);border:1px solid #f3beb5;border-radius:8px}.placeholder-panel{display:grid;gap:4px}.options-list,.login-form{display:grid;gap:10px}.option-button{display:flex;align-items:flex-start;gap:10px;width:100%;color:var(--ink);text-align:left;background:#fff;border-color:var(--line)}.option-button.correct{background:#e4f7e9;border-color:#4f9f62}.option-button.selected{background:#eef5fb;border-color:#397bd7;box-shadow:inset 4px 0 #397bd7}.option-button.selected:after{content:"✓";margin-left:auto;color:#397bd7;font-size:20px;font-weight:900}.option-button.wrong{background:#fde8e4;border-color:#d04437}.option-button.missed-correct{background:#fff3bf;border-color:#d5a900}.quiz-actions{display:flex;justify-content:space-between;gap:10px}.status-card{width:fit-content;font-weight:900}.status-card.passed{color:#1d6b38}.status-card.failed{color:#a82720}.login-form label{display:grid;gap:6px;color:var(--muted);font-weight:800}.login-form input,.login-form select{min-height:44px;padding:10px 12px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px}.lightbox-close{position:fixed;top:16px;right:16px}@media(max-width:920px){.home-hero,.home-split{grid-template-columns:1fr}.home-grid,.stats-grid,.quiz-status-bar,.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-header{padding:18px 16px}.page-container{width:min(100% - 20px,1120px);padding:14px 0}.page-card{padding:18px}.home-hero{min-height:auto;padding:24px 18px}.home-grid,.stats-grid,.analytics-grid{grid-template-columns:1fr}.quiz-status-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-status-bar{gap:6px}.quiz-status-bar div{grid-template-columns:1fr auto;align-items:center}.quiz-status-bar strong{font-size:20px}.section-heading,.quiz-toolbar,.question-header{display:grid}.hero-status strong{font-size:42px}.dashboard-intro,.admin-user-card{display:grid}}