:root{--bg: #00141d;--bg-2: #08202c;--bg-3: #0c2a38;--line: rgba(255, 253, 246, .08);--line-strong: rgba(255, 253, 246, .16);--accent: #ffcd00;--accent-soft: rgba(255, 205, 0, .1);--accent-glow: rgba(255, 205, 0, .35);--text: #fffdf6;--muted: #8b97a3;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg)}::selection{background:var(--accent);color:#00141d}.quiz-root{min-height:100vh;background:radial-gradient(1100px 700px at 50% -10%,rgba(255,205,0,.05),transparent 60%),linear-gradient(rgba(255,253,246,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,253,246,.022) 1px,transparent 1px),var(--bg);background-size:auto,40px 40px,40px 40px,auto;background-position:center,center,center,center;color:var(--text);font-family:DM Sans,system-ui,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;padding:24px 16px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.quiz-main{width:100%;max-width:760px;margin:auto}.frame{position:relative;border:1px solid var(--line-strong);background:#08202c59;padding:28px 22px 36px}@media(min-width:640px){.frame{padding:44px 48px 52px}}.corner{position:absolute;width:18px;height:18px;pointer-events:none}.corner:before,.corner:after{content:"";position:absolute;background:var(--accent)}.corner:before{width:12px;height:1px;top:50%}.corner:after{width:1px;height:12px;left:50%}.corner.tl{top:-1px;left:-1px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}.corner.tr{top:-1px;right:-1px;border-top:2px solid var(--accent);border-right:2px solid var(--accent)}.corner.bl{bottom:-1px;left:-1px;border-bottom:2px solid var(--accent);border-left:2px solid var(--accent)}.corner.br{bottom:-1px;right:-1px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}.corner.tl:before{left:-14px}.corner.tl:after{top:-14px}.corner.tr:before{right:-14px}.corner.tr:after{top:-14px}.corner.bl:before{left:-14px}.corner.bl:after{bottom:-14px}.corner.br:before{right:-14px}.corner.br:after{bottom:-14px}.fig-tag{position:absolute;top:-11px;right:20px;background:var(--bg);border:1px solid var(--accent);color:var(--accent);font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.22em;padding:5px 10px;white-space:nowrap}@media(min-width:640px){.fig-tag{right:32px;font-size:10px}}.frame-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}@media(min-width:640px){.frame-head{margin-bottom:40px}}.logo{display:inline-flex;align-items:baseline;font-family:Sora,system-ui,sans-serif;font-weight:800;font-size:24px;letter-spacing:-.04em;color:var(--accent)}.logo-dot{width:13px;height:13px;border-radius:50%;background:var(--accent);margin-left:1px;align-self:center}.progress{display:flex;gap:6px;width:120px}.progress-step{flex:1;height:3px;background:var(--line-strong);overflow:hidden;position:relative}.progress-step:after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.22,1,.36,1)}.progress-step.filled:after{transform:scaleX(1)}.fade{animation:fadein .35s cubic-bezier(.22,1,.36,1)}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.screen{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:20px}@media(min-width:640px){.screen{gap:24px}}.center{align-items:flex-start;text-align:left}.headline{font-family:Sora,system-ui,sans-serif;font-size:34px;line-height:1.1;font-weight:700;margin:0;letter-spacing:-.03em;max-width:18ch;text-wrap:balance}.headline em{font-style:normal;color:var(--accent)}@media(min-width:640px){.headline{font-size:52px}}@media(min-width:900px){.headline{font-size:60px;max-width:16ch}}.sub{color:var(--muted);font-size:15px;line-height:1.6;margin:0;max-width:46ch}.sub.small{font-size:14px}.eyebrow{color:var(--accent);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;margin:0}.rule{width:48px;height:2px;background:var(--accent);margin:2px 0}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:#00141d;border:0;border-radius:2px;padding:16px 26px;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;margin-top:4px;min-height:52px;box-shadow:0 0 32px -8px var(--accent-glow);-webkit-tap-highlight-color:transparent}.btn-primary svg{transition:transform .25s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 44px -6px var(--accent-glow)}.btn-primary:hover svg{transform:translate(3px)}.btn-primary:active{transform:translateY(0)}.btn-primary.full{width:100%;padding:18px 26px}.btn-outline{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:2px;padding:14px 24px;font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:background .2s ease}.btn-outline:hover{background:var(--accent-soft)}.btn-dark{display:inline-flex;align-items:center;gap:10px;background:#00141d;color:var(--accent);border-radius:2px;padding:15px 26px;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:transform .2s ease}.btn-dark:hover{transform:translateY(-1px)}.q-index{color:var(--accent);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.q-title{font-family:Sora,system-ui,sans-serif;font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-.025em;margin:0 0 8px;max-width:24ch;text-wrap:balance}@media(min-width:640px){.q-title{font-size:34px;margin-bottom:12px}}.options{display:flex;flex-direction:column;gap:8px;width:100%}.option{display:flex;align-items:center;gap:14px;text-align:left;background:#08202c66;border:1px solid var(--line);color:var(--text);border-radius:4px;padding:16px;font-family:inherit;font-size:15px;line-height:1.4;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .15s ease;position:relative;min-height:64px;-webkit-tap-highlight-color:transparent}@media(min-width:640px){.option{padding:20px 22px;gap:16px}}.option:hover{border-color:var(--accent);background:var(--accent-soft)}.option:hover .option-arrow{opacity:1;transform:translate(0)}.option:active{transform:scale(.995);border-color:var(--accent);background:var(--accent-soft)}.option-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:2px;border:1px solid var(--line-strong);background:var(--bg);flex-shrink:0;color:var(--accent);transition:border-color .25s ease}.option:hover .option-icon{border-color:var(--accent)}.option-label{flex:1}.option-arrow{display:inline-flex;color:var(--accent);opacity:0;transform:translate(-6px);transition:opacity .2s ease,transform .2s ease}@media(hover:none){.option-arrow{opacity:1;transform:translate(0)}}.form{width:100%;max-width:460px;display:flex;flex-direction:column;gap:16px;margin-top:4px}.field{display:flex;flex-direction:column;gap:6px}.field label{text-align:left;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-weight:500}.form input{background:var(--bg);border:1px solid var(--line-strong);color:var(--text);border-radius:2px;padding:16px 18px;font-family:inherit;font-size:16px;outline:none;transition:border-color .2s ease,background .2s ease}.form input::placeholder{color:var(--muted)}.form input:focus{border-color:var(--accent)}.err{color:var(--accent);font-size:13px;text-align:left}.fineprint{color:var(--muted);font-size:12px;margin:4px 0 0;line-height:1.5}.dots{display:flex;gap:12px;margin-bottom:12px}.dots span{width:10px;height:10px;background:var(--accent);animation:pulse 1.2s infinite ease-in-out}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}.profile-name{font-family:Sora,system-ui,sans-serif;color:var(--accent);font-size:44px;line-height:1.04;font-weight:800;margin:8px 0 4px;letter-spacing:-.035em}@media(min-width:640px){.profile-name{font-size:64px}}.result-block{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.model-name{font-family:Sora,system-ui,sans-serif;color:var(--text);font-size:36px;line-height:1.08;font-weight:700;margin:8px 0 14px;letter-spacing:-.03em}@media(min-width:640px){.model-name{font-size:50px}}.badge{align-self:flex-start;background:transparent;color:var(--accent);border:1px solid var(--accent);font-family:var(--mono);font-size:10px;font-weight:500;padding:6px 12px;border-radius:2px;letter-spacing:.16em;text-transform:uppercase}.model-section{width:100%;padding:24px 0;border-top:1px solid var(--line)}.model-section:last-of-type{border-bottom:1px solid var(--line)}.model-section h3{color:var(--accent);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px}.model-section p{color:var(--text);font-size:16px;line-height:1.6;margin:0}.cta-block{width:100%;margin-top:40px;background:var(--accent);color:#00141d;border-radius:4px;padding:28px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}@media(min-width:640px){.cta-block{margin-top:56px;padding:36px 32px;gap:14px}}.cta-block h3{font-family:Sora,system-ui,sans-serif;font-size:24px;font-weight:700;margin:0;line-height:1.14;letter-spacing:-.025em;text-wrap:balance}@media(min-width:640px){.cta-block h3{font-size:32px}}.cta-block p{font-size:15px;line-height:1.55;margin:0;opacity:.82}.cta-block .btn-dark{align-self:flex-start;margin-top:8px}.link-reset{display:block;margin:32px 0 0;background:none;border:0;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;cursor:pointer;transition:color .2s ease}.link-reset:hover{color:var(--accent)}.frame-footer{margin-top:22px;text-align:center;color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.14em;width:100%}