@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f8fafc;background:#0d0d1b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.page-shell{position:relative;overflow:hidden;min-height:100vh;padding:24px 18px 32px;background:linear-gradient(180deg,#0d0d1b,#111322 54%,#f6f7fb 54%,#edf1f5)}.sun-glow{position:absolute;width:520px;height:520px;top:-320px;right:-180px;border-radius:50%;background:#ffc400;opacity:.25;filter:blur(5px)}.grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;background-image:linear-gradient(#ffc400 1px,transparent 1px),linear-gradient(90deg,#ffc400 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 72%);mask-image:linear-gradient(to bottom,#000,transparent 72%)}.brand,.hero-copy,.quiz-card,footer{position:relative;z-index:1}.brand{display:flex;justify-content:center;margin-bottom:22px}.brand img{width:260px;max-height:112px;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(0,0,0,.35))}.hero-copy{max-width:760px;margin:0 auto 24px;text-align:center}.eyebrow{display:inline-flex;gap:7px;align-items:center;padding:7px 12px;border:1px solid rgba(255,196,0,.24);border-radius:99px;color:#ffc400;background:#ffc4001a;font-size:11px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.eyebrow span{color:#fff}h1{margin:14px 0 10px;font-size:clamp(30px,6vw,49px);line-height:1.08;letter-spacing:0;font-weight:800}h1 em{color:#ffc400;font-style:normal}.hero-copy>p{max-width:580px;margin:0 auto;color:#d6dae5;font-size:clamp(14px,2.7vw,17px);line-height:1.55}.quiz-card{width:min(100%,650px);min-height:410px;margin:0 auto;padding:22px;border:1px solid rgba(13,13,27,.08);border-radius:8px;background:#fffffffa;box-shadow:0 24px 70px #090a1638,0 2px 8px #1137470a;color:#111322}.progress-meta{display:flex;justify-content:space-between;margin-bottom:8px;color:#6c7380;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.progress-meta strong{color:#d8a400}.progress-track{height:6px;overflow:hidden;border-radius:9px;background:#e7e9ee}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffc400,#f1b600);transition:width .35s ease}.question-content{padding-top:26px;animation:enter .3s ease both}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}.question-kicker{margin:0 0 5px;color:#c99800;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}h2{max-width:540px;margin:0 0 22px;font-size:clamp(21px,4vw,28px);line-height:1.25;letter-spacing:0}.options{display:grid;gap:10px}.option{display:grid;grid-template-columns:24px 1fr 16px;gap:12px;align-items:center;width:100%;min-height:54px;padding:11px 14px;border:1.5px solid #dde1e7;border-radius:8px;color:#171923;background:#fff;text-align:left;font-size:13px;font-weight:650;cursor:pointer;transition:.16s ease}.option:hover{border-color:#e1ae00;background:#fffbed;transform:translateY(-1px);box-shadow:0 5px 15px #11132214}.option.selected{border-color:#ffc400;background:#fff8da}.option-marker{display:grid;place-items:center;width:22px;height:22px;border:1.5px solid #c9ced8;border-radius:50%;color:#111322;font-size:12px;font-weight:800}.selected .option-marker{border-color:#ffc400;background:#ffc400}.option-arrow{color:#8a909b;font-size:23px;font-weight:400}.input-block{display:grid;gap:10px}.input-block label{color:#5b6370;font-size:12px;font-weight:700}.input-block input{width:100%;height:56px;padding:0 16px;outline:none;border:1.5px solid #d8dce4;border-radius:8px;color:#111322;background:#fbfcfd;font-size:16px;transition:.2s}.input-block input:focus{border-color:#ffc400;box-shadow:0 0 0 4px #ffc4002e;background:#fff}.input-block input::placeholder{color:#9ca3af}.primary-button{display:flex;justify-content:center;align-items:center;gap:10px;min-height:56px;margin-top:3px;border:0;border-radius:8px;color:#111322;background:linear-gradient(135deg,#ffd338,#ffc400);box-shadow:0 8px 22px #c6970040;font-weight:800;cursor:pointer;transition:.18s}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px 28px #c6970054}.primary-button:disabled{opacity:.7;cursor:wait}.spinner{width:18px;height:18px;border:2px solid rgba(17,19,34,.24);border-top-color:#111322;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-button{margin-top:15px;padding:6px 2px;border:0;color:#6b7280;background:transparent;font-size:12px;font-weight:700;cursor:pointer}.error{margin:11px 0 0;padding:10px 12px;border-radius:8px;color:#9b2c2c;background:#fff1f1;font-size:12px}.privacy{margin:3px 0 0;color:#747b86;font-size:10px;text-align:center}footer{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 18px;max-width:700px;margin:19px auto 0;color:#596170;font-size:10px;font-weight:700}footer span:first-letter{color:#d8a400}footer small{flex-basis:100%;margin-top:4px;color:#6f7784;text-align:center;font-weight:500}@media(min-width:680px){.page-shell{padding-top:30px}.brand{margin-bottom:14px}.quiz-card{padding:27px 31px 25px}.question-content{padding-top:30px}.options{grid-template-columns:1fr 1fr}.options .option:last-child:nth-child(odd){grid-column:1 / -1}}@media(max-width:420px){.page-shell{padding-inline:12px;background:linear-gradient(180deg,#0d0d1b,#111322 48%,#f6f7fb 48%,#edf1f5)}.brand img{width:200px}.hero-copy{margin-bottom:18px}.quiz-card{min-height:400px;padding:18px 16px}h2{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}