*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}:root{--bg-page:#f8fafc;--surface:#fff;--surface-muted:#f1f5f9;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--accent-a:#0ea5e9;--accent-b:#8b5cf6;--accent-c:#ec4899;--success:#16a34a;--success-bg:#dcfce7;--danger:#e11d48;--danger-bg:#ffe4e6;--font-heading:"Poppins", "Segoe UI", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 15% 0%, #0ea5e914, transparent 45%), radial-gradient(circle at 90% 15%, #8b5cf614, transparent 40%), var(--bg-page);background-attachment:fixed;min-height:100vh}.app{justify-content:center;min-height:100vh;padding:40px 16px 64px;display:flex}.screen{width:100%;max-width:760px;animation:.45s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.home{text-align:center;padding-top:24px}.eyebrow{background:var(--surface);border:1px solid var(--border);color:var(--accent-a);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #0f172a0f}.home h1{font-family:var(--font-heading);background:linear-gradient(90deg, var(--accent-a), var(--accent-b) 60%, var(--accent-c));color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:2.6rem;font-weight:700}.subtitle{color:var(--text-muted);margin-bottom:40px;font-size:1.05rem}.card-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}@media (width<=620px){.card-grid{grid-template-columns:1fr}.home h1{font-size:2.1rem}}.quiz-card{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:20px;padding:28px 26px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 2px 10px #0f172a0d}.quiz-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--accent-a), transparent 40%, var(--accent-c));opacity:0;-webkit-mask-composite:xor;pointer-events:none;padding:1px;transition:opacity .25s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.quiz-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -16px #0ea5e947}.quiz-card:hover:before{opacity:1}.card-icon{border:1px solid var(--border);background:linear-gradient(135deg,#0ea5e924,#8b5cf624);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-size:1.6rem;display:flex}.quiz-card h2{font-family:var(--font-heading);color:var(--text);margin:0 0 8px;font-size:1.3rem}.quiz-card p{color:var(--text-muted);min-height:66px;margin:0 0 20px;line-height:1.5}.card-meta{gap:8px;margin-bottom:18px;display:flex}.pill{background:var(--surface-muted);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}.btn{border:1px solid var(--border);font-size:.98rem;font-family:var(--font-body);cursor:pointer;background:var(--surface);color:var(--text);border-radius:12px;padding:13px 22px;font-weight:600;transition:transform .15s,background .2s,box-shadow .2s}.btn:hover:not(:disabled){background:var(--surface-muted);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(120deg, var(--accent-a), var(--accent-b));color:#fff;border:none;width:100%;box-shadow:0 10px 24px -10px #0ea5e98c}.btn.primary:hover:not(:disabled){box-shadow:0 14px 28px -10px #0ea5e9a6}.btn.link{color:var(--text-muted);background:0 0;padding:4px 8px;font-weight:500}.btn.link:hover{color:var(--accent-a);background:0 0}.quiz-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.quiz-title{font-family:var(--font-heading);color:var(--accent-a);font-weight:600}.quiz-counter{color:var(--text-muted);font-variant-numeric:tabular-nums;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:.9rem}.progress-bar{background:var(--surface-muted);border-radius:999px;height:8px;margin-bottom:28px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-a), var(--accent-b));border-radius:999px;height:100%;transition:width .35s}.question-box{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:0 12px 32px -18px #0f172a2e}.question-box h2{font-family:var(--font-heading);margin-top:0;font-size:1.35rem;line-height:1.4}.hint{color:var(--text-muted);margin-top:-6px;margin-bottom:4px;font-style:italic}.options{gap:12px;margin:22px 0 26px;display:grid}.option{text-align:left;border:1px solid var(--border);background:var(--surface-muted);color:var(--text);cursor:pointer;font-family:var(--font-body);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;font-size:1rem;transition:border-color .15s,background .15s,transform .1s;display:flex}.option-icon{font-size:1.1rem;font-weight:700}.option:hover:not(:disabled){border-color:var(--accent-a);transform:translate(2px)}.option:disabled{cursor:default}.option.correct{background:var(--success-bg);border-color:var(--success);color:#166534}.option.incorrect{background:var(--danger-bg);border-color:var(--danger);color:#9f1239}.explanation{background:var(--surface-muted);border:1px solid var(--border);border-left:3px solid var(--accent-b);color:var(--text);white-space:pre-line;border-radius:12px;margin:0 0 20px;padding:14px 18px;font-size:.94rem;line-height:1.6}.next-btn{width:100%}.result{text-align:center}.result h1{font-family:var(--font-heading);margin-bottom:8px;font-size:1.9rem}.score-ring{margin:12px auto 4px}.score-ring-value{font-family:var(--font-heading);fill:var(--text);font-size:2.4rem;font-weight:700}.score-ring-max{fill:var(--text-muted);font-size:.95rem}.score-detail{color:var(--text-muted);margin:4px 0 2px}.score-message{background:linear-gradient(90deg, var(--accent-a), var(--accent-c));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:28px;font-size:1.1rem;font-weight:600}.review-list{text-align:left;flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.review-item{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--text-muted);border-radius:14px;gap:12px;padding:14px 18px;display:flex;box-shadow:0 1px 4px #0f172a0a}.review-item.ok{border-left-color:var(--success)}.review-item.bad{border-left-color:var(--danger)}.review-icon{font-size:1.1rem;line-height:1.6}.review-body{flex:1}.review-question{margin-bottom:4px;font-weight:600;line-height:1.4}.review-index{color:var(--text-muted);margin-right:4px}.review-answer{color:var(--text-muted);font-size:.92rem}.review-answer strong{color:var(--text)}.review-explanation{color:var(--text-muted);background:var(--surface-muted);border-left:3px solid var(--accent-b);white-space:pre-line;border-radius:8px;margin-top:8px;padding:10px 14px;font-size:.88rem;line-height:1.55}.result-actions{justify-content:center;gap:12px;display:flex}.result-actions .btn{width:auto;min-width:160px}