@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:#09263c;background:#f5f8f7;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:radial-gradient(circle at 50% -10%,#fff 0,#f7faf9 38%,#eff5f3)}.sun-glow{position:absolute;width:480px;height:480px;top:-280px;right:-170px;border-radius:50%;background:#ffc42c;opacity:.16;filter:blur(4px)}.grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.025;background-image:linear-gradient(#082a45 1px,transparent 1px),linear-gradient(90deg,#082a45 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 70%);mask-image:linear-gradient(to bottom,#000,transparent 70%)}.brand,.hero-copy,.quiz-card,footer{position:relative;z-index:1}.brand{display:flex;justify-content:center;margin-bottom:22px}.brand img{width:164px;max-height:72px;object-fit:contain}.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-radius:99px;color:#856100;background:#fff5cf;font-size:11px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.eyebrow span{color:#f6a800}h1{margin:14px 0 10px;font-size:clamp(30px,6vw,49px);line-height:1.08;letter-spacing:-.045em;font-weight:800}h1 em{color:#e99f00;font-style:normal}.hero-copy>p{max-width:580px;margin:0 auto;color:#557084;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(6,44,70,.09);border-radius:22px;background:#fffffff5;box-shadow:0 24px 70px #1137471f,0 2px 8px #1137470a}.progress-meta{display:flex;justify-content:space-between;margin-bottom:8px;color:#6b7e89;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.progress-meta strong{color:#e6a100}.progress-track{height:6px;overflow:hidden;border-radius:9px;background:#e9efed}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffbd16,#ef9d00);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:#e6a100;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:-.025em}.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 #dce6e4;border-radius:12px;color:#17394f;background:#fff;text-align:left;font-size:13px;font-weight:650;cursor:pointer;transition:.16s ease}.option:hover{border-color:#f1b620;background:#fffdf5;transform:translateY(-1px);box-shadow:0 5px 15px #6c530512}.option.selected{border-color:#edae0e;background:#fffaf0}.option-marker{display:grid;place-items:center;width:22px;height:22px;border:1.5px solid #cbd9d6;border-radius:50%;color:#fff;font-size:12px}.selected .option-marker{border-color:#efad08;background:#efad08}.option-arrow{color:#91a19e;font-size:23px;font-weight:400}.input-block{display:grid;gap:10px}.input-block label{color:#506b7c;font-size:12px;font-weight:700}.input-block input{width:100%;height:56px;padding:0 16px;outline:none;border:1.5px solid #d8e3e1;border-radius:12px;color:#0b2c42;background:#fbfcfc;font-size:16px;transition:.2s}.input-block input:focus{border-color:#eeb020;box-shadow:0 0 0 4px #eeb0201f;background:#fff}.input-block input::placeholder{color:#a1afae}.primary-button{display:flex;justify-content:center;align-items:center;gap:10px;min-height:56px;margin-top:3px;border:0;border-radius:12px;color:#08283e;background:linear-gradient(135deg,#ffc832,#efa600);box-shadow:0 8px 22px #e6a0003b;font-weight:800;cursor:pointer;transition:.18s}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px 28px #e6a0004d}.primary-button:disabled{opacity:.7;cursor:wait}.spinner{width:18px;height:18px;border:2px solid rgba(8,40,62,.28);border-top-color:#08283e;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:#6b7f8c;background:transparent;font-size:12px;font-weight:700;cursor:pointer}.error{margin:11px 0 0;padding:10px 12px;border-radius:9px;color:#9b2c2c;background:#fff1f1;font-size:12px}.privacy{margin:3px 0 0;color:#74878d;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:#60777e;font-size:10px;font-weight:700}footer span:first-letter{color:#e9a400}footer small{flex-basis:100%;margin-top:4px;color:#819297;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}.brand img{width:140px}.hero-copy{margin-bottom:18px}.quiz-card{min-height:400px;padding:18px 16px;border-radius:18px}h2{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}