:root{--buve-brand:#432d7a;--buve-brand-deep:#2b1c52;--buve-brand-soft:#b8a9dd;--buve-brand-lav:#ebe6f5;--buve-ink:#171129;--buve-bg:#fbfafd;--buve-surface:#fff;--buve-border:#e6e1ee;--buve-border-hover:#c9bde3;--buve-muted:#6b6480;--buve-muted-2:#9a94ad;--buve-green:#16a34a;--buve-red:#dc2626;--buve-gold:#b8860b;--diag-radius-sm:10px;--diag-radius-md:14px;--diag-radius-lg:20px;--diag-radius-xl:28px;--grad-brand:linear-gradient(135deg, #432d7a 0%, #1e1240 100%);--grad-radial:radial-gradient(ellipse at top, #432d7a2e, transparent 65%);--grad-text:linear-gradient(135deg, #6b4bb8 0%, #2b1c52 100%);--diag-shadow-brand:0 30px 80px -30px #432d7a73;--diag-shadow-soft:0 10px 40px -15px #2b1c522e;--diag-shadow-card:0 1px 3px #1711290f, 0 12px 40px -12px #2b1c5224;--diag-transition:.2s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body{background-color:var(--buve-bg);background-image:var(--grad-radial);color:var(--buve-ink);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;justify-content:center;align-items:center;min-height:100dvh;padding:32px 16px;font-family:Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(90px);opacity:.22;pointer-events:none;z-index:0;border-radius:50%;position:fixed}body:before{background:var(--buve-brand-soft);width:560px;height:560px;top:-180px;left:-120px}body:after{background:var(--buve-brand);opacity:.14;width:480px;height:480px;bottom:-160px;right:-120px}.diag-card{z-index:1;background:var(--buve-surface);border:1px solid var(--buve-border);border-radius:var(--diag-radius-xl);width:100%;max-width:680px;box-shadow:var(--diag-shadow-card);padding:48px 48px 44px;position:relative}@media (width<=600px){.diag-card{border-radius:var(--diag-radius-lg);padding:32px 24px 28px}}.logo{align-items:center;gap:10px;margin-bottom:40px;display:flex}.logo-mark{background:var(--grad-brand);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logo-mark svg{fill:#fff;width:18px;height:18px}.logo-text{letter-spacing:.08em;color:var(--buve-brand-deep);text-transform:uppercase;font-size:15px;font-weight:800}.progress-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.progress-label{color:var(--buve-muted-2);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.progress-bar{background:var(--buve-brand-lav);border-radius:4px;width:100%;height:4px;margin-bottom:40px;overflow:hidden}.progress-fill{background:var(--grad-brand);border-radius:4px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.screen.active{animation:.35s cubic-bezier(.4,0,.2,1) diagFadeUp}@keyframes diagFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.badge{letter-spacing:.2em;text-transform:uppercase;color:var(--buve-brand);background:var(--buve-brand-lav);border:none;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 16px;font-size:11px;font-weight:700;display:inline-flex}.badge:before{content:"";background:var(--buve-brand);opacity:.5;width:20px;height:1px;display:inline-block}.intro-title{letter-spacing:-.025em;color:var(--buve-ink);margin-bottom:18px;font-family:Montserrat,sans-serif;font-size:clamp(30px,4.5vw,44px);font-weight:700;line-height:1.05}.intro-title .highlight{background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:300}.intro-desc{color:var(--buve-muted);margin-bottom:36px;font-size:16px;font-weight:400;line-height:1.65}.intro-meta{color:var(--buve-muted-2);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:36px;font-size:13px;display:flex}.intro-meta-item{align-items:center;gap:6px;display:flex}.intro-meta-item svg{width:14px;height:14px;color:var(--buve-brand);flex-shrink:0}.btn-primary{background:var(--grad-brand);color:#fff;text-align:center;cursor:pointer;letter-spacing:.01em;width:100%;transition:var(--diag-transition);box-shadow:var(--diag-shadow-brand);border:none;border-radius:100px;justify-content:center;align-items:center;gap:10px;padding:18px 28px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;display:flex;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 36px 90px -30px #432d7a99}.btn-primary:active{transform:translateY(0)}.btn-primary svg{flex-shrink:0;width:18px;height:18px;transition:transform .2s}.btn-primary:hover svg{transform:translate(4px)}.q-number{letter-spacing:.2em;text-transform:uppercase;color:var(--buve-brand);margin-bottom:14px;font-size:11px;font-weight:700}.q-text{letter-spacing:-.02em;color:var(--buve-ink);margin-bottom:28px;font-family:Montserrat,sans-serif;font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.25}.options{flex-direction:column;gap:10px;display:flex}.option{border:1.5px solid var(--buve-border);border-radius:var(--diag-radius-md);cursor:pointer;color:var(--buve-ink);background:var(--buve-surface);transition:var(--diag-transition);text-align:left;align-items:center;gap:14px;width:100%;padding:18px 22px;font-family:inherit;font-size:14.5px;font-weight:500;line-height:1.5;display:flex;position:relative;overflow:hidden}.option:hover{border-color:var(--buve-brand);background:var(--buve-brand-lav);transform:translate(2px)}.option-dot{border:2px solid var(--buve-border-hover);width:20px;height:20px;transition:var(--diag-transition);border-radius:50%;flex-shrink:0;position:relative}.option:hover .option-dot{border-color:var(--buve-brand);background:var(--buve-brand);box-shadow:0 0 0 4px #432d7a1f}.result-profile-tag{letter-spacing:.2em;text-transform:uppercase;color:#fff;background:var(--grad-brand);box-shadow:var(--diag-shadow-brand);border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:11px;font-weight:700;display:inline-flex}.result-title{letter-spacing:-.025em;color:var(--buve-ink);margin-bottom:12px;font-family:Montserrat,sans-serif;font-size:clamp(26px,3.5vw,34px);font-weight:700;line-height:1.15}.result-intro{color:var(--buve-muted);margin-bottom:32px;font-size:15px;line-height:1.7}.divider{background:var(--buve-border);width:100%;height:1px;margin:28px 0}.section-label{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.section-label .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-green{background:var(--buve-green)}.dot-red{background:var(--buve-red)}.dot-blue{background:var(--buve-brand)}.section-label.color-green{color:var(--buve-green)}.section-label.color-red{color:var(--buve-red)}.section-label.color-blue{color:var(--buve-brand)}.check-list{margin:0;padding:0;list-style:none}.check-list li{border-bottom:1px solid var(--buve-border);color:var(--buve-ink);align-items:flex-start;gap:12px;padding:14px 0;font-size:14.5px;line-height:1.55;display:flex}.check-list li:last-child{border-bottom:none}.check-list li .icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:13px;font-weight:800;display:flex}.icon-wrap.good{color:var(--buve-green);background:#16a34a1a}.icon-wrap.bad{color:var(--buve-red);background:#dc26261a}.icon-wrap.improve{background:var(--buve-brand-lav);color:var(--buve-brand)}.cta-box{background:var(--buve-brand-lav);border:1px solid var(--buve-border);border-radius:var(--diag-radius-lg);margin:32px 0 24px;padding:24px 28px;position:relative;overflow:hidden}.cta-box-title{color:var(--buve-brand-deep);letter-spacing:-.01em;margin-bottom:10px;font-size:14px;font-weight:700}.cta-box-text{color:var(--buve-muted);font-size:14px;line-height:1.65}.note{color:var(--buve-muted-2);text-align:center;margin-top:14px;font-size:12.5px;line-height:1.6}.score-bar-wrap{margin-top:20px;margin-bottom:8px}.score-bar-track{background:var(--buve-brand-lav);border-radius:8px;height:8px;overflow:hidden}.score-bar-fill{background:var(--grad-brand);border-radius:8px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.lead-form{flex-direction:column;gap:18px;margin-top:8px;display:flex}.lead-field{flex-direction:column;gap:8px;display:flex}.lead-label{letter-spacing:.14em;text-transform:uppercase;color:var(--buve-muted);font-size:11px;font-weight:700}.lead-input{background:var(--buve-surface);border:1.5px solid var(--buve-border);border-radius:var(--diag-radius-md);width:100%;color:var(--buve-ink);transition:var(--diag-transition);outline:none;padding:15px 18px;font-family:inherit;font-size:15px}.lead-input::placeholder{color:var(--buve-muted-2)}.lead-input:hover{border-color:var(--buve-border-hover)}.lead-input:focus{border-color:var(--buve-brand);box-shadow:0 0 0 4px #432d7a1f}.lead-error{color:var(--buve-red);margin:-4px 0 0;font-size:13px}.lead-consent{cursor:pointer;align-items:flex-start;gap:12px;margin-top:2px;display:flex;position:relative}.lead-consent input{opacity:0;width:0;height:0;position:absolute}.lead-checkmark{border:1.5px solid var(--buve-border-hover);background:var(--buve-surface);width:22px;height:22px;transition:var(--diag-transition);border-radius:7px;flex-shrink:0;place-content:center;margin-top:1px;display:grid}.lead-checkmark:after{content:"";background:#fff;border-radius:3px;width:10px;height:10px;transition:transform .15s;transform:scale(0)}.lead-consent:hover .lead-checkmark{border-color:var(--buve-brand)}.lead-consent input:focus-visible+.lead-checkmark{box-shadow:0 0 0 4px #432d7a26}.lead-consent input:checked+.lead-checkmark{border-color:var(--buve-brand);background:var(--buve-brand)}.lead-consent input:checked+.lead-checkmark:after{transform:scale(1)}.lead-consent-text{color:var(--buve-muted);-webkit-user-select:none;user-select:none;font-size:13.5px;line-height:1.55}.sending-dots{justify-content:center;gap:10px;padding:24px 0 8px;display:flex}.sending-dots span{background:var(--buve-brand);opacity:.35;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite sending-bounce}.sending-dots span:nth-child(2){animation-delay:.2s}.sending-dots span:nth-child(3){animation-delay:.4s}@keyframes sending-bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}