.bq-page{--bq-accent:#ffb829;--bq-accent-dim:#ffb8291a;--bq-accent-glow:#ffb82940;--bq-bg:#0a0a0f;--bq-bg-card:#16161f;--bq-bg-option:#1c1c28;--bq-border:#222235;--bq-text:#f0f0f5;--bq-text-secondary:#8888a0;--bq-text-muted:#55556a;--bq-gradient:linear-gradient(135deg,#ffb829,#ff6b35);--bq-green:#22c55e;--bq-red:#ef4444;background:var(--bq-bg);min-height:calc(100svh - 64px);color:var(--bq-text);font-family:var(--font-outfit),"Outfit",sans-serif;-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;position:relative}.bq-page:before{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.bq-progress-bar{background:var(--bq-border);z-index:10;flex-shrink:0;height:3px;position:sticky;top:0}.bq-progress-fill{background:var(--bq-gradient);height:100%;transition:width .4s}.bq-main{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:560px;margin:0 auto;padding:32px 20px 48px;display:flex}.bq-card{width:100%;animation:.3s bq-fade-in}@keyframes bq-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bq-step-label{font-family:var(--font-jetbrains),"JetBrains Mono",monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--bq-accent);margin-bottom:20px;font-size:.68rem;display:block}.bq-question{letter-spacing:-.02em;margin:0 0 32px;font-size:clamp(1.3rem,5vw,1.7rem);font-weight:700;line-height:1.3}.bq-options{flex-direction:column;gap:12px;display:flex}.bq-option{background:var(--bq-bg-option);border:1.5px solid var(--bq-border);width:100%;color:var(--bq-text);font-family:var(--font-outfit),"Outfit",sans-serif;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;padding:16px 20px;font-size:.97rem;font-weight:500;line-height:1.4;transition:border-color .15s,background .15s,transform .1s}.bq-option:hover{background:#ffb8290d;border-color:#ffb82959}.bq-option:active{transform:scale(.98)}.bq-option--selected{border-color:var(--bq-accent);background:var(--bq-accent-dim);color:var(--bq-text)}.bq-result{width:100%;animation:.4s bq-fade-in}.bq-result-emoji{flex-shrink:0;margin-right:10px;font-size:1em}.bq-result-badge{font-size:.72rem;font-family:var(--font-jetbrains),monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--bq-accent);background:var(--bq-accent-dim);border:1px solid #ffb82933;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 14px;display:inline-flex}.bq-result-title{letter-spacing:-.02em;align-items:flex-start;gap:0;margin:0 0 14px;font-size:clamp(1.4rem,5vw,1.9rem);font-weight:800;line-height:1.2;display:flex}.bq-result-body{color:var(--bq-text-secondary);margin:0 0 32px;font-size:.97rem;line-height:1.7}.bq-recap{background:var(--bq-bg-card);border:1px solid var(--bq-border);border-radius:12px;flex-direction:column;gap:10px;margin-bottom:32px;padding:16px 20px;display:flex}.bq-recap-item{flex-direction:column;gap:2px;display:flex}.bq-recap-q{color:var(--bq-text-muted);font-size:.72rem;font-family:var(--font-jetbrains),monospace;letter-spacing:.06em;text-transform:uppercase}.bq-recap-a{color:var(--bq-text);font-size:.88rem;font-weight:500}.bq-form-title{margin:0 0 6px;font-size:1.1rem;font-weight:700}.bq-form-sub{color:var(--bq-text-secondary);margin:0 0 24px;font-size:.85rem;line-height:1.55}.bq-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.bq-field label{color:var(--bq-text-secondary);font-size:.8rem;font-weight:600}.bq-field input{background:var(--bq-bg-option);border:1.5px solid var(--bq-border);color:var(--bq-text);font-family:var(--font-outfit),"Outfit",sans-serif;box-sizing:border-box;-webkit-appearance:none;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:1rem;transition:border-color .2s}.bq-field input::placeholder{color:var(--bq-text-muted)}.bq-field input:focus{border-color:#ffb82973;box-shadow:0 0 0 3px #ffb82914}.bq-error{color:#f87171;background:#ef444414;border:1px solid #ef444433;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:.85rem}.bq-btn{background:var(--bq-gradient);color:#0a0a0f;width:100%;font-family:var(--font-outfit),"Outfit",sans-serif;cursor:pointer;text-align:center;box-shadow:0 0 30px var(--bq-accent-glow);-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;padding:16px 24px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;display:block}.bq-btn:hover:not(:disabled){box-shadow:0 0 50px var(--bq-accent-glow);transform:translateY(-1px)}.bq-btn:disabled{opacity:.6;cursor:not-allowed}.bq-checkbox-label{color:var(--bq-text-secondary);cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:16px;font-size:.82rem;line-height:1.55;display:flex}.bq-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--bq-accent);cursor:pointer;flex-shrink:0;margin-top:2px}.bq-checkbox-label a{color:var(--bq-accent);text-decoration:underline}.bq-privacy{color:var(--bq-text-muted);text-align:center;margin:14px 0 0;font-size:.75rem;line-height:1.5}.bq-thankyou{text-align:center;animation:.4s bq-fade-in}.bq-thankyou-icon{margin-bottom:16px;font-size:3rem}.bq-thankyou h2{letter-spacing:-.02em;margin:0 0 12px;font-size:1.6rem;font-weight:800}.bq-thankyou p{color:var(--bq-text-secondary);margin:0 0 10px;font-size:.95rem;line-height:1.7}.bq-thankyou .bq-btn{margin-top:28px}@media (min-width:600px){.bq-main{padding:48px 24px 64px}.bq-option{padding:18px 24px;font-size:1rem}}
