:root{--bg:#121a2e;--text:#eef2ff;--muted:#b7c0e6;--border:hsla(0,0%,100%,.14);--cardA:hsla(0,0%,100%,.1);--cardB:hsla(0,0%,100%,.05);--accent:#7c5cff;--accent2:#2ee9a6;--warn:#ffd36a;--ok:#2ee9a6;--high:#ff6f8e;--shadow:0 18px 52px rgba(0,0,0,.3)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;color:var(--text);min-height:100vh;background:radial-gradient(1200px 600px at 18% 0,rgba(124,92,255,.24),transparent 60%),radial-gradient(900px 540px at 86% 12%,rgba(46,233,166,.18),transparent 55%),radial-gradient(700px 520px at 50% 105%,rgba(255,111,142,.1),transparent 60%),var(--bg)}a{color:inherit;text-decoration:none}a:hover{opacity:.95}.container{max-width:980px;margin:0 auto;padding:26px 18px 60px}.header{margin-bottom:18px}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02));border-radius:999px;width:max-content;font-size:12px;color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.h1{font-size:34px;line-height:1.12;font-weight:800;margin:10px 0 8px;letter-spacing:.2px}.sub{margin:0;font-size:15px;color:var(--muted);line-height:1.5;max-width:860px}.card{background:linear-gradient(180deg,var(--cardA),var(--cardB));border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kicker{font-size:12px;color:var(--muted);margin:0 0 6px}.title{font-size:22px;font-weight:800;letter-spacing:.2px}.p,.title{margin:0 0 10px}.p{color:var(--muted);line-height:1.55;font-size:14px}.hr{height:1px;background:hsla(0,0%,100%,.12);margin:14px 0}.btnRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.btn{border:1px solid var(--border);background:hsla(0,0%,100%,.06);color:var(--text);padding:11px 14px;border-radius:14px;font-weight:700;font-size:14px;cursor:pointer;transition:transform .06s ease,background .2s ease,border-color .2s ease,opacity .2s ease}.btn:hover{background:hsla(0,0%,100%,.09)}.btn:active{transform:translateY(1px)}.btnPrimary{background:linear-gradient(135deg,rgba(124,92,255,.95),rgba(46,233,166,.78));border-color:hsla(0,0%,100%,.2)}.btnGhost{background:hsla(0,0%,100%,.03)}.btnDisabled{opacity:.55;cursor:not-allowed}.progressWrap{margin:0 0 14px}.progressTop{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:8px}.progressBar{background:hsla(0,0%,100%,.1);overflow:hidden}.progressBar,.progressFill{height:10px;border-radius:999px}.progressFill{background:linear-gradient(90deg,var(--accent),var(--accent2))}.fieldGrid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}@media(min-width:720px){.fieldGrid{grid-template-columns:1fr 1fr}}.input,.select{width:100%;padding:11px 12px;border-radius:14px;border:1px solid var(--border);background:rgba(0,0,0,.14);color:var(--text);outline:none}.input::placeholder{color:rgba(231,236,255,.55)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.sectionTitle{font-size:18px;font-weight:800;margin:0 0 8px}.questionCard{margin-top:12px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.12);border-radius:18px;padding:14px}.radioRow{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));grid-gap:10px;gap:10px;margin-top:10px}@media(max-width:740px){.radioRow{grid-template-columns:1fr}}.radioBtn{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:hsla(0,0%,100%,.04);padding:10px 12px;border-radius:14px;cursor:pointer}.radioBtn input{accent-color:var(--accent)}.resultPill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.03);color:var(--muted);margin-bottom:10px}.resultBox{border-radius:20px;padding:16px;border:1px solid var(--border);background:rgba(0,0,0,.12)}.resultOk{outline:1px solid rgba(46,233,166,.3)}.resultWarn{outline:1px solid rgba(255,211,106,.3)}.resultHigh{outline:1px solid rgba(255,111,142,.3)}.footerNote{margin-top:26px;font-size:12px;color:var(--muted);text-align:center}.qText{font-size:15px;font-weight:650;color:var(--text);line-height:1.45;margin-bottom:10px}.optionGrid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));grid-gap:10px;gap:10px}@media(max-width:820px){.optionGrid{grid-template-columns:1fr}}.optionCard{border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.04);border-radius:16px;padding:12px;cursor:pointer;transition:transform .06s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}.optionCard:hover{background:hsla(0,0%,100%,.06)}.optionSelected{border-color:rgba(124,92,255,.65);background:linear-gradient(180deg,rgba(124,92,255,.18),rgba(46,233,166,.1));box-shadow:0 10px 26px rgba(0,0,0,.18)}.optionInput{position:absolute;opacity:0;pointer-events:none}.optionTitle{font-weight:800;font-size:14px;letter-spacing:.1px}.optionHint{margin-top:4px;font-size:12px;color:var(--muted)}.btnRowRight{justify-content:flex-end}.btnNext{padding:12px 16px;border-radius:16px;min-width:160px}