:root{font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f8fafc;background:radial-gradient(circle at top left,rgba(249,115,22,.22),transparent 28%),radial-gradient(circle at top right,rgba(14,165,233,.2),transparent 32%),linear-gradient(180deg,#07111f,#0f1f36 45%,#e2e8f0 45%,#f8fafc);color-scheme:light;--page-width: 1040px;--surface: rgba(255, 255, 255, .84);--surface-strong: rgba(255, 255, 255, .94);--surface-border: rgba(148, 163, 184, .28);--text-main: #0f172a;--text-soft: #475569;--accent: #f97316;--accent-strong: #ea580c;--accent-cool: #0ea5e9;--shadow-lg: 0 28px 60px rgba(15, 23, 42, .16);--shadow-md: 0 18px 40px rgba(15, 23, 42, .1)}*,*:before,*:after{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh}body,button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}#root{min-height:100vh}.page{max-width:var(--page-width);margin:0 auto;padding:3rem 1.25rem 4rem;color:var(--text-main)}.page>*{animation:rise-in .52s ease both}.hero{position:relative;overflow:hidden;margin-bottom:1.75rem;padding:2rem;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(135deg,rgba(14,165,233,.18),transparent 42%),linear-gradient(135deg,#f9731638,#0f172aeb);box-shadow:var(--shadow-lg);color:#f8fafc}.hero:after{content:"";position:absolute;inset:auto -5rem -5rem auto;width:14rem;height:14rem;border-radius:999px;background:#ffffff14;filter:blur(10px)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .8rem;border-radius:999px;background:#ffffff1a;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-title{margin:1rem 0 .75rem;font-size:clamp(2.4rem,6vw,4.5rem);line-height:.95;letter-spacing:-.04em}.hero-subtitle{max-width:42rem;margin:0;color:#f8fafcd6;font-size:1.05rem}.hero-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.pill{display:inline-flex;align-items:center;padding:.55rem .9rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff14;font-size:.95rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:2rem 0 1rem}.section-heading h2,.section-heading h3,.card h3{margin:0}.section-copy,.muted{color:var(--text-soft)}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{position:relative;overflow:hidden;border:1px solid var(--surface-border);border-radius:24px;padding:1.35rem;background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(255,255,255,.28),transparent 42%);pointer-events:none}.quiz-card{display:flex;flex-direction:column;gap:.9rem;min-height:100%;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.quiz-card:hover{transform:translateY(-4px);border-color:#0ea5e94d;box-shadow:0 22px 46px #0ea5e929}.eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:.35rem .7rem;border-radius:999px;background:#0ea5e91f;color:#0369a1;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.quiz-card p,.result-score-copy,.feedback p{margin:0;color:var(--text-soft)}.card-link,.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.8rem 1.2rem;border:0;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;font-weight:700;box-shadow:0 14px 24px #f9731647;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.card-link,.button{width:fit-content}.card-link:hover,.button:hover,button:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 18px 28px #f9731652}.card-link:disabled,.button:disabled,button:disabled{cursor:wait;opacity:.72;transform:none;filter:none;box-shadow:none}.button.secondary,button.secondary{background:#0f172a14;color:var(--text-main);box-shadow:none}.button.secondary:hover,button.secondary:hover{box-shadow:none}.row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.quiz-shell{display:grid;gap:1rem}.quiz-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1rem}.quiz-title{margin:.6rem 0 0;font-size:clamp(2rem,4vw,3rem);line-height:.98;letter-spacing:-.04em;color:#f8fafc}.quiz-subtitle{max-width:40rem;margin:.5rem 0 0;color:#f8fafcc2}.quiz-progress-card{min-width:220px;background:#ffffffe6}.question-card{padding:1.5rem}.question-index{margin-bottom:.65rem;color:#0369a1;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.question-prompt{margin:0 0 1rem;font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.2}.options{display:grid;gap:.75rem}.option-row{display:flex;align-items:center;gap:.85rem;padding:.95rem 1rem;border:1px solid rgba(148,163,184,.35);border-radius:18px;background:#ffffffb3;transition:border-color .16s ease,transform .16s ease,background .16s ease}.option-row:hover{transform:translateY(-1px);border-color:#0ea5e95c;background:#e0f2feb8}.option-row.selected{border-color:#f9731680;background:#ffedd5db}.option-row input{accent-color:var(--accent-strong)}.text-answer{width:100%;min-height:11rem;padding:1rem 1.1rem;border:1px solid rgba(148,163,184,.35);border-radius:18px;background:#ffffffc7;color:var(--text-main);resize:vertical}.text-answer:focus{outline:2px solid rgba(14,165,233,.28);border-color:#0ea5e96b}.feedback{margin-top:1rem;padding:1rem 1.1rem;border-radius:20px;border:1px solid transparent;background:var(--surface-strong);box-shadow:var(--shadow-md)}.feedback strong,.feedback small{display:block}.feedback small{margin-top:.45rem;color:var(--text-soft)}.feedback.success{border-color:#10b98159;background:linear-gradient(180deg,#ecfdf5fa,#d1fae5d6)}.feedback.error{border-color:#ef44444d;background:linear-gradient(180deg,#fef2f2fa,#fee2e2e0)}.feedback-loading{border-color:#0ea5e947;background:linear-gradient(180deg,#eff6fffa,#e0f2fee0)}.feedback-answer{border-color:#f973164d;background:linear-gradient(180deg,#fff7edfa,#ffedd5e0)}.answer-points{margin:.75rem 0 0;padding-left:1.25rem}.answer-points li+li{margin-top:.4rem}.feedback-loading-row{display:flex;align-items:center;gap:.9rem}.spinner{width:1.25rem;height:1.25rem;border:3px solid rgba(14,165,233,.2);border-top-color:var(--accent-cool);border-radius:999px;animation:spin .72s linear infinite;flex-shrink:0}.progress-label{display:flex;justify-content:space-between;gap:1rem;margin:0 0 .65rem;color:var(--text-soft);font-size:.95rem}.progress-track{width:100%;overflow:hidden;background:#94a3b82e;border-radius:999px;height:12px}.progress-fill{height:12px;border-radius:999px;background:linear-gradient(90deg,var(--accent-cool),var(--accent))}.result-score{margin-top:.8rem;font-size:clamp(2.5rem,6vw,4rem);line-height:1;font-weight:700;letter-spacing:-.05em}.result-layout,.result-review,.result-list{display:grid;gap:1rem}.result-item{gap:1rem}.result-item-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.result-badge{display:inline-flex;align-items:center;justify-content:center;min-width:4.5rem;padding:.45rem .75rem;border-radius:999px;font-weight:700}.result-badge.success{background:#10b9811f;color:#047857}.result-badge.error{background:#ef44441f;color:#b91c1c}.result-block{display:grid;gap:.35rem}.result-block p,.result-block ul{margin:0}.empty-state{text-align:center;padding:2rem}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 720px){.page{padding:1.5rem 1rem 2.5rem}.hero,.question-card,.card{border-radius:22px}.hero{padding:1.5rem}.section-heading{align-items:start;flex-direction:column}}