:root{--ink:#eef8f3;--muted:#9bb4a9;--bg:#071713;--panel:rgba(14,37,30,.92);--line:rgba(157,221,193,.16);--mint:#74f0b7;--lime:#c7f36b;--coral:#ff886f;--shadow:0 24px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);font-family:"DM Sans",sans-serif;background:radial-gradient(circle at 5% 0%,#153b2f 0,transparent 32%),linear-gradient(145deg,#071713,#08100e);overflow-x:hidden}.ambient{position:fixed;border-radius:999px;filter:blur(10px);pointer-events:none;opacity:.45}.ambient-a{width:340px;height:340px;right:-120px;top:12%;background:radial-gradient(circle,var(--mint),transparent 68%)}.ambient-b{width:280px;height:280px;left:-140px;bottom:0;background:radial-gradient(circle,var(--coral),transparent 70%)}.shell{position:relative;width:min(1080px,calc(100% - 32px));min-height:100vh;margin:auto;display:grid;grid-template-rows:auto 1fr auto}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:800 18px Manrope;letter-spacing:.12em}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--mint),var(--lime));color:#082117;box-shadow:0 8px 24px rgba(116,240,183,.25)}.micro{font-size:13px;color:var(--muted);letter-spacing:.04em}.quiz-card{align-self:center;width:min(820px,100%);margin:24px auto;padding:clamp(26px,5vw,56px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(150deg,rgba(20,48,39,.95),rgba(8,25,21,.96));box-shadow:var(--shadow);backdrop-filter:blur(18px)}.screen{animation:enter .4s ease both}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;color:var(--mint);font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:1px;background:var(--mint)}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.04em;line-height:1.05;margin:0}h1{font-size:clamp(40px,7vw,72px);max-width:760px}h2{font-size:clamp(30px,5vw,48px)}.accent{color:var(--mint)}.lead{margin:24px 0 32px;max-width:620px;color:#bfd0c9;font-size:clamp(17px,2vw,20px);line-height:1.6}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin:26px 0 0;color:var(--muted);font-size:13px}.trust-row span:before{content:"✓";margin-right:7px;color:var(--mint)}button,.button{appearance:none;border:0;cursor:pointer;font:700 15px "DM Sans";transition:.2s ease}.primary{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:17px 24px;border-radius:14px;background:linear-gradient(135deg,var(--mint),var(--lime));color:#092318;box-shadow:0 12px 28px rgba(116,240,183,.2)}.primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(116,240,183,.28)}.primary:focus-visible,.option:focus-visible,input:focus-visible{outline:3px solid rgba(199,243,107,.7);outline-offset:3px}.progress-wrap{margin-bottom:38px}.is-hidden{display:none!important}.progress-meta{display:flex;justify-content:space-between;margin-bottom:9px;color:var(--muted);font-size:12px;font-weight:600}.progress-track{height:5px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.progress-bar{height:100%;width:20%;border-radius:99px;background:linear-gradient(90deg,var(--mint),var(--lime));transition:width .35s ease}.question-kicker{margin:0 0 12px;color:var(--coral);font-size:13px;font-weight:700}.options{display:grid;gap:12px;margin-top:30px}.option{width:100%;display:flex;align-items:center;gap:15px;padding:17px 18px;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:rgba(255,255,255,.035);text-align:left;font-weight:500}.option:hover{border-color:rgba(116,240,183,.6);background:rgba(116,240,183,.07);transform:translateX(4px)}.option-index{flex:0 0 30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(116,240,183,.1);color:var(--mint);font-size:12px;font-weight:800}.form{margin-top:28px}.label{display:block;margin-bottom:9px;font-size:13px;font-weight:700}.input{width:100%;padding:17px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.18);color:var(--ink);font:16px "DM Sans"}.input::placeholder{color:#71887e}.form-row{display:grid;grid-template-columns:1fr auto;gap:10px}.consent{margin:14px 0 20px;color:var(--muted);font-size:12px;line-height:1.5}.error{min-height:20px;margin:8px 0 0;color:#ffad9c;font-size:13px}.result-grid{display:grid;grid-template-columns:1fr .72fr;gap:28px;align-items:start}.persona-badge{display:inline-block;padding:8px 12px;margin-bottom:20px;border-radius:99px;background:rgba(116,240,183,.1);color:var(--mint);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.result-copy{color:#bfd0c9;line-height:1.65}.next-box{padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(0,0,0,.16)}.next-box h3{margin:0 0 10px;font:700 18px Manrope}.next-box p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.55}.score-list{display:grid;gap:10px;margin:26px 0}.score-item{display:grid;grid-template-columns:110px 1fr 30px;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.score-line{height:5px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.score-fill{height:100%;background:var(--mint);border-radius:99px}.text-button{margin-top:18px;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:3px}footer{height:76px;display:flex;align-items:center;justify-content:space-between;color:#668078;font-size:12px}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:680px){.micro{display:none}.topbar{height:72px}.quiz-card{margin:8px auto 22px;padding:26px 20px;border-radius:23px}.progress-wrap{margin-bottom:28px}.form-row,.result-grid{grid-template-columns:1fr}.form-row .primary{width:100%}.option{padding:15px 14px}.result-grid{gap:18px}footer{height:60px}.trust-row{gap:9px 14px}.score-item{grid-template-columns:92px 1fr 25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}