*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}body{font-family:okt-primary,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#070909;color:#f0f2ee;line-height:1.5}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}@font-face{font-family:okt-primary;src:url(https://www.oktopods.com/fonts/TWKLausanne/TWKLausanne-200.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:okt-primary;src:url(https://www.oktopods.com/fonts/TWKLausanne/TWKLausanne-700.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:okt-secondary;src:url(https://www.oktopods.com/fonts/AldgateSerif_It_Lt.woff2) format("woff2");font-weight:300;font-style:normal}:root{--bg-base: #070909;--bg-panel: #0d1110;--line-soft: rgba(237, 240, 236, .16);--line-strong: rgba(237, 240, 236, .34);--text-main: #f0f2ee;--text-muted: rgba(240, 242, 238, .74);--text-faint: rgba(240, 242, 238, .5);--acc-warm: #f2d46a;--acc-green: #69c789;--acc-cyan: #5fd4c9;--acc-spectrum: linear-gradient(92deg, var(--acc-warm) 0%, var(--acc-green) 54%, var(--acc-cyan) 100%)}*{box-sizing:border-box}.quiz{min-height:100vh;padding:clamp(1.25rem,3vw,2.75rem) clamp(.9rem,2vw,1.8rem);display:grid;place-items:center;background:radial-gradient(110% 42% at 50% 114%,rgba(242,212,106,.2) 0%,rgba(105,199,137,.14) 40%,rgba(95,212,201,.11) 64%,transparent 86%),radial-gradient(90% 30% at 50% 106%,rgba(95,212,201,.12) 0%,transparent 72%),radial-gradient(120% 90% at 92% -12%,rgba(240,242,238,.045) 0%,transparent 52%),radial-gradient(120% 90% at 8% -8%,rgba(240,242,238,.04) 0%,transparent 52%),var(--bg-base);color:var(--text-main);font-family:okt-primary,TWK Lausanne,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.quiz--result{align-items:start;padding-top:clamp(1.5rem,4vw,3.2rem);padding-bottom:clamp(2rem,5vw,4rem)}.card{width:min(980px,100%);background:linear-gradient(180deg,#f0f2ee0a,#f0f2ee03),var(--bg-panel);border:1px solid var(--line-soft);box-shadow:0 28px 64px #0006,inset 0 1px #f0f2ee12;border-radius:1.25rem;padding:clamp(1.15rem,2vw,2rem);display:grid;gap:clamp(.95rem,1.6vw,1.4rem)}.card--start{width:min(700px,100%);text-align:center;justify-items:center;padding-block:clamp(1.7rem,4vw,3.2rem)}.card--result{width:min(1160px,100%)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--text-faint)}.title{margin:.2rem 0;font-size:clamp(1.6rem,3.1vw,2.8rem);line-height:1.08;letter-spacing:.03em;text-transform:uppercase;font-weight:300}.description,.prompt,.question-meta,.result-card p,.score,.hint{margin:0;color:var(--text-muted);line-height:1.55}.start-meta{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.start-meta span{font-size:.8rem;border:1px solid var(--line-soft);background:#eeeeee0a;padding:.38rem .62rem;border-radius:999px;color:var(--text-muted)}.description--muted{color:var(--text-faint)}.question-meta-row{display:flex;justify-content:space-between;gap:.75rem}.question-meta{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.prompt{font-size:clamp(1.18rem,2vw,1.5rem);color:var(--text-main);font-family:okt-primary,TWK Lausanne,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700;line-height:1.35;letter-spacing:.005em}.progress{height:.34rem;border-radius:999px;overflow:hidden;background:#f0f2ee1f}.progress__bar{height:100%;border-radius:inherit;background:var(--acc-spectrum);box-shadow:0 0 14px #69c78959;transition:width .2s ease}.options{display:grid;gap:.72rem}.option{width:100%;text-align:left;border-radius:.85rem;border:1px solid var(--line-soft);background:#f0f2ee04;color:var(--text-main);padding:.98rem 1rem;line-height:1.52;font-size:1rem;font-weight:300;cursor:pointer;display:flex;gap:.6rem;align-items:flex-start;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}.option:hover{background:#f0f2ee0a;border-color:var(--line-strong)}.option--selected{background:#5fd4c912;border-color:#5fd4c9a6;box-shadow:inset 0 0 0 1px #f2d46a6b,0 0 0 1px #5fd4c933}.option__letter{font-weight:700;min-width:1.25rem;display:inline-block;opacity:.9}.actions{display:flex;justify-content:space-between;align-items:center;gap:.7rem;padding-top:.2rem;border-top:1px solid rgba(238,238,238,.14)}.hint{font-size:.8rem;letter-spacing:.02em}.button{border:1px solid rgba(240,242,238,.38);border-radius:999px;padding:.66rem 1.22rem;background:#f0f2ee08;color:var(--text-main);font-weight:700;font-size:.88rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.button:hover{border-color:#69c789b8;background:#5fd4c914;box-shadow:0 0 18px #69c78938}.button--ghost{background:transparent;color:var(--text-main);border-color:var(--line-strong)}.button:disabled{opacity:.45;cursor:not-allowed}.result-top-grid,.library-grid{display:grid;gap:.82rem}.result-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-card{border:1px solid var(--line-soft);background:#f0f2ee05;border-radius:.9rem;padding:.95rem;display:grid;gap:.36rem}.result-card--top{border-color:#5fd4c985;background:linear-gradient(180deg,#5fd4c91c,#69c7890d);box-shadow:inset 0 1px #f2d46a4d}.result-card__label{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;color:var(--text-faint)}.result-card h2,.result-card h3,.library h2{margin:0;font-weight:300;line-height:1.2}.library h2{font-family:okt-secondary,Times New Roman,serif;font-size:clamp(1.2rem,2.4vw,1.8rem)}.score{color:var(--text-main);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}@media (max-width: 960px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.result-top-grid,.library-grid{grid-template-columns:1fr}.actions{flex-direction:column;align-items:stretch}.button{width:100%}.hint{text-align:center}}