:root{--font-sans:"Avenir Next","Trebuchet MS","Segoe UI",sans-serif;--font-display:"Gill Sans","Avenir Next Condensed","Trebuchet MS",sans-serif;--bg:#f8f4ea;--bg-secondary:#efe7d3;--surface:rgba(255,252,246,.92);--surface-strong:#fffdf8;--surface-soft:hsla(0,0%,100%,.6);--ink:#1d2433;--muted:#5f6778;--line:rgba(29,36,51,.1);--primary:#155e75;--primary-strong:#0f4c5c;--primary-soft:rgba(21,94,117,.12);--accent:#e76f51;--accent-soft:rgba(231,111,81,.16);--ok:#2a9d8f;--ok-soft:rgba(42,157,143,.16);--warning:#e9c46a;--warning-soft:hsla(43,74%,66%,.2);--danger:#c1121f;--danger-soft:rgba(193,18,31,.12);--shadow-lg:0 24px 80px rgba(32,43,63,.14);--shadow-md:0 16px 40px rgba(32,43,63,.08);--radius-xl:28px;--radius-lg:20px;--radius-md:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans),sans-serif;color:var(--ink);background:radial-gradient(circle at top left,hsla(43,74%,66%,.35),transparent 28%),radial-gradient(circle at top right,rgba(42,157,143,.22),transparent 30%),linear-gradient(180deg,#fffdf8 0,var(--bg) 42%,#f3ecde 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page-shell{position:relative;overflow:hidden;min-height:100vh}.page-shell:after,.page-shell:before{content:"";position:absolute;border-radius:999px;filter:blur(18px);opacity:.55;pointer-events:none}.page-shell:before{top:80px;left:-60px;width:220px;height:220px;background:rgba(21,94,117,.14)}.page-shell:after{right:-20px;bottom:120px;width:260px;height:260px;background:rgba(231,111,81,.14)}.page-grid{position:relative;z-index:1;width:min(1160px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.hero-panel,.panel,.question-panel,.review-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:var(--shadow-md)}.hero-panel{border-radius:var(--radius-xl);padding:28px;display:grid;grid-gap:22px;gap:22px;animation:rise .7s ease both}.hero-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:hsla(0,0%,100%,.72);border:1px solid rgba(21,94,117,.16);color:var(--primary);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hero-title{margin:14px 0 10px;font-family:var(--font-display),sans-serif;font-size:clamp(2.2rem,5vw,4rem);line-height:.95;letter-spacing:-.05em}.hero-text{margin:0;max-width:62ch;color:var(--muted);font-size:1rem;line-height:1.7}.hero-badge{min-width:200px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#0f4c5c,#155e75);color:#fff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2)}.hero-badge span{display:block}.hero-badge .badge-label{opacity:.78;font-size:.88rem}.hero-badge .badge-value{margin-top:8px;font-family:var(--font-display),sans-serif;font-size:2.8rem;line-height:1}.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.fact-card,.stat-card{padding:16px 18px;border-radius:var(--radius-lg);background:hsla(0,0%,100%,.76);border:1px solid var(--line)}.fact-label,.stat-label{display:block;font-size:.82rem;color:var(--muted)}.fact-value,.stat-value{display:block;margin-top:6px;font-weight:800;font-size:1.2rem}.panel{border-radius:var(--radius-xl);padding:24px}.intro-layout,.result-layout,.running-layout{margin-top:22px;display:grid;grid-template-columns:320px minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}.stack{display:grid;grid-gap:18px;gap:18px}.panel-title{margin:0;font-family:var(--font-display),sans-serif;font-size:1.35rem}.panel-text{margin:10px 0 0;color:var(--muted);line-height:1.7}.instruction-list,.review-meta{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.instruction-item,.topic-pill{padding:12px 14px;border-radius:var(--radius-md);background:hsla(0,0%,100%,.78);border:1px solid var(--line)}.instruction-item strong{display:block;margin-bottom:4px}.topic-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.topic-pill{font-size:.92rem;color:var(--primary-strong);background:rgba(21,94,117,.08);border-color:rgba(21,94,117,.12)}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button-ghost,.button-primary,.button-secondary{border:0;min-height:48px;border-radius:999px;padding:0 20px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.button-primary{color:#fff;background:linear-gradient(135deg,var(--accent),#ef8354);box-shadow:0 16px 30px rgba(231,111,81,.25)}.button-secondary{color:var(--ink);background:hsla(0,0%,100%,.88);border:1px solid var(--line)}.button-ghost{color:var(--primary);background:var(--primary-soft)}.button-ghost:hover,.button-primary:hover,.button-secondary:hover{transform:translateY(-1px)}.button-ghost:disabled,.button-primary:disabled,.button-secondary:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.stat-card.highlight{background:linear-gradient(135deg,rgba(21,94,117,.12),rgba(42,157,143,.12))}.category-chip,.status-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:700}.status-chip.running{color:var(--primary);background:var(--primary-soft)}.status-chip.success{color:#166b62;background:var(--ok-soft)}.status-chip.fail{color:#8f1021;background:var(--danger-soft)}.question-panel{border-radius:var(--radius-xl);padding:26px;animation:float-in .35s ease both}.question-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.question-number{margin:0;font-size:.95rem;color:var(--muted)}.question-text{margin:10px 0 0;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.45}.option-grid{margin-top:22px;display:grid;grid-gap:12px;gap:12px}.option-button{width:100%;border:1px solid var(--line);border-radius:20px;padding:16px;background:hsla(0,0%,100%,.9);text-align:left;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.option-button:hover{transform:translateY(-1px);border-color:rgba(21,94,117,.36);background:rgba(21,94,117,.05)}.option-button.selected{border-color:rgba(21,94,117,.6);background:rgba(21,94,117,.09);box-shadow:inset 0 0 0 1px rgba(21,94,117,.08)}.option-button.review-correct{border-color:rgba(42,157,143,.5);background:rgba(42,157,143,.1)}.option-button.review-wrong{border-color:rgba(193,18,31,.5);background:rgba(193,18,31,.08)}.option-top{display:flex;gap:14px;align-items:flex-start}.option-key{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:rgba(29,36,51,.06);font-weight:800}.option-button.selected .option-key{background:rgba(21,94,117,.18);color:var(--primary)}.option-text{display:block;font-size:1rem;line-height:1.55}.option-note{display:block;margin-top:10px;color:var(--muted);font-size:.9rem}.progress-wrap{display:grid;grid-gap:10px;gap:10px}.progress-bar{width:100%;height:12px;border-radius:999px;background:rgba(29,36,51,.08);overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--warning))}.progress-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.92rem}.navigator-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:18px}.nav-chip{border:1px solid var(--line);height:42px;border-radius:12px;background:hsla(0,0%,100%,.9);font-weight:700;color:var(--ink)}.nav-chip.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--primary),var(--primary-strong))}.nav-chip.answered{border-color:rgba(42,157,143,.28);background:rgba(42,157,143,.08);color:#166b62}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:18px}.summary-card{padding:18px;border-radius:20px;border:1px solid var(--line);background:hsla(0,0%,100%,.78)}.summary-card strong{display:block;font-size:2rem;margin-top:8px;font-family:var(--font-display),sans-serif}.review-list{display:grid;grid-gap:16px;gap:16px;margin-top:18px}.review-card{border-radius:24px;padding:22px}.review-card-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.review-title{margin:10px 0 0;font-size:1.1rem;line-height:1.5}.review-meta{margin-top:14px}.review-meta span{color:var(--muted);font-size:.95rem}.review-explanation{margin-top:14px;padding:14px 16px;border-radius:16px;background:rgba(21,94,117,.06);color:var(--muted);line-height:1.65}.empty-answer{color:var(--danger);font-weight:700}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float-in{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:980px){.hero-facts,.intro-layout,.result-layout,.running-layout{grid-template-columns:1fr}.hero-top,.question-header,.review-card-header{flex-direction:column}.hero-badge{min-width:0;width:100%}}@media (max-width:720px){.page-grid{width:min(100% - 20px,1160px);padding:20px 0 28px}.hero-panel,.panel,.question-panel,.review-card{padding:20px;border-radius:22px}.stats-grid,.summary-grid{grid-template-columns:1fr}.navigator-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.button-row{flex-direction:column}.button-ghost,.button-primary,.button-secondary{width:100%}}