.shell{--aq-blue:#017fd1;--aq-blue-hi:#0a96f0;--aq-ink:#061322;--aq-ink-2:#0b1c30;--aq-mint:#00b48a;--aq-amber:#f59e0b;--aq-red:#e0364f;--aq-mono:var(--font-jb-mono), "JetBrains Mono", "IBM Plex Mono", monospace;--aq-font:var(--font-inter), "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--r-card:14px;font-family:var(--aq-font);background-color:var(--aq-ink);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(#017fd10e 1px,#0000 1px),linear-gradient(90deg,#017fd10e 1px,#0000 1px);background-size:40px 40px;min-height:100%;position:relative}.shell *,.shell :before,.shell :after{box-sizing:border-box;margin:0;padding:0}.reg{opacity:.18;pointer-events:none;z-index:0;width:18px;height:18px;position:fixed}.reg--tl{top:13px;left:13px}.reg--tr{top:13px;right:13px}.reg--bl{bottom:13px;left:13px}.reg--br{bottom:13px;right:13px}#app{z-index:1;flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;padding:0 22px;display:flex;position:relative}.q-header{justify-content:space-between;align-items:center;padding:22px 0 16px;display:flex}.q-logo{letter-spacing:.08em;color:#ffffffd9;font-size:16px;font-weight:900;text-decoration:none}.q-counter{font-family:var(--aq-mono);color:#ffffff4d;letter-spacing:.1em;font-size:12px;transition:opacity .3s}.q-progress{background:#ffffff0f;border-radius:1px;height:2px;margin-bottom:34px;overflow:hidden}.q-progress-fill{background:var(--aq-blue);border-radius:1px;width:0%;height:100%;transition:width .42s cubic-bezier(.4,0,.2,1)}#quiz-content{flex:1;transition:opacity .2s,transform .2s}.q-step{animation:.28s both stepIn}@keyframes stepIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.q-step-label{font-family:var(--aq-mono);letter-spacing:.18em;color:var(--aq-blue);text-transform:uppercase;margin-bottom:14px;font-size:10px;font-weight:700}.q-question{letter-spacing:-.025em;color:#fff;text-wrap:pretty;margin-bottom:8px;font-size:clamp(20px,5.5vw,30px);font-weight:800;line-height:1.15}.q-hint{font-family:var(--aq-mono);color:#ffffff59;letter-spacing:.03em;margin-bottom:22px;font-size:11px}.q-answers{gap:10px;margin-bottom:22px;display:grid}.q-answers--2{grid-template-columns:1fr 1fr}.q-answers--3{grid-template-columns:1fr 1fr 1fr}.a-card{border-radius:var(--r-card);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;appearance:none;color:#fff;font-family:var(--aq-font);background:#ffffff06;border:1.5px solid #017fd12b;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 12px;transition:border-color .14s,background .14s,transform .14s,box-shadow .14s;display:flex;position:relative}.a-card:hover,.a-card:focus-visible{border-color:var(--aq-blue);background:#017fd112;outline:none}.a-card:active{transform:scale(.97)}.a-card.selected{border-color:var(--aq-blue);background:#017fd121;box-shadow:inset 0 0 0 1px #017fd159}.a-card.selected:after{content:"";background:var(--aq-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.5 2.5 4.5-5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center/14px no-repeat;border-radius:50%;width:16px;height:16px;position:absolute;top:8px;right:8px}.a-svg{pointer-events:none;width:100%;display:block}.a-svg svg{width:100%;height:auto;display:block}.a-label{color:#ffffffeb;font-size:14px;font-weight:700;line-height:1.3}.a-sub{font-size:12px;font-family:var(--aq-mono);color:#fff9;line-height:1.35}.q-next-wrap{padding-bottom:32px}.q-next{background:var(--aq-blue);color:#fff;width:100%;font-family:var(--aq-font);cursor:pointer;letter-spacing:.01em;opacity:.22;pointer-events:none;appearance:none;border:none;border-radius:999px;padding:17px 24px;font-size:15px;font-weight:800;transition:background .16s,transform .16s,box-shadow .16s,opacity .25s}.q-next.ready{opacity:1;pointer-events:auto}.q-next.ready:hover{background:var(--aq-blue-hi);transform:translateY(-1px);box-shadow:0 10px 28px -6px #017fd180}.q-next.ready:active{transform:scale(.98)}#quiz-result{flex-direction:column;padding-bottom:40px;display:none}#quiz-result.active{animation:.38s both stepIn;display:flex}.r-eyebrow{font-family:var(--aq-mono);letter-spacing:.18em;color:var(--aq-blue);text-transform:uppercase;margin-bottom:16px;font-size:10px;font-weight:700}.r-title{letter-spacing:-.03em;text-wrap:balance;color:#fff;margin-bottom:14px;font-size:clamp(26px,6.4vw,36px);font-weight:800;line-height:1.12}.r-body{color:#ffffff9e;max-width:52ch;margin-bottom:26px;font-size:15px;line-height:1.7}.cta-btn{background:var(--aq-blue);color:#fff;width:100%;font-family:var(--aq-font);cursor:pointer;letter-spacing:.01em;appearance:none;border:none;border-radius:999px;margin-bottom:10px;padding:18px 24px;font-size:15px;font-weight:800;transition:background .16s,transform .16s,box-shadow .16s}.cta-btn:hover{background:var(--aq-blue-hi);transform:translateY(-1px);box-shadow:0 12px 32px -8px #017fd18c}.cta-btn--ghost{color:#fff;background:0 0;border:1.5px solid #017fd159}.cta-btn--ghost:hover{border-color:var(--aq-blue);box-shadow:none;background:#017fd114}.q-form{border-top:1px solid #017fd126;flex-direction:column;gap:14px;margin-top:24px;padding-top:24px;display:flex}.q-form-head{margin-bottom:2px}.q-form-title{color:#fff;letter-spacing:-.01em;font-size:16px;font-weight:800;line-height:1.25}.q-form-sub{font-family:var(--aq-mono);color:#ffffff6b;letter-spacing:.02em;margin-top:5px;font-size:11px}.q-field{flex-direction:column;gap:7px;display:flex}.q-field-label{font-family:var(--aq-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--aq-blue);font-size:10px;font-weight:700}.q-input{box-sizing:border-box;width:100%;font-family:var(--aq-font);color:#fff;appearance:none;-webkit-tap-highlight-color:transparent;background:#ffffff08;border:1.5px solid #017fd12b;border-radius:12px;outline:none;padding:14px 16px;font-size:15px;transition:border-color .14s,background .14s,box-shadow .14s}.q-input::placeholder{color:#ffffff80}.q-input:hover{border-color:#017fd166}.q-input:focus{border-color:var(--aq-blue);background:#017fd112;box-shadow:inset 0 0 0 1px #017fd159}.q-consent{cursor:pointer;color:#ffffff8c;align-items:flex-start;gap:10px;margin-top:2px;font-size:12px;line-height:1.5;display:flex}.q-consent input{accent-color:var(--aq-blue);flex-shrink:0;width:16px;height:16px;margin-top:1px}.q-error{color:var(--aq-red);margin:0;font-size:13px}.q-form .cta-btn{margin-top:4px;margin-bottom:0}.q-success{color:#ffffffb8;border-top:1px solid #017fd126;margin-top:24px;padding-top:24px;font-size:14px;line-height:1.7}.q-success strong{color:#fff;font-weight:700}.q-success p+p{margin-top:12px}.q-success a{color:var(--aq-blue-hi);font-weight:700;text-decoration:none}.q-success a:hover{text-decoration:underline}.q-footer{font-family:var(--aq-mono);color:#ffffff26;letter-spacing:.1em;text-align:center;text-transform:uppercase;margin-top:auto;padding:18px 0 14px;font-size:9px}@media (max-width:380px){.q-answers--3{gap:8px}.a-card{border-radius:11px;gap:6px;padding:10px 6px}.a-label{font-size:13px}.a-sub{font-size:12px}}@media (max-width:320px){.q-answers--3{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.shell *,.shell :before,.shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
