.diag-shell{position:relative;background:var(--anthracite);color:#efeae0;padding:110px 0 130px;overflow:hidden;isolation:isolate}.diag-bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 80% 0%,rgba(217,167,95,.12),transparent 60%),radial-gradient(ellipse 50% 40% at 10% 100%,rgba(217,167,95,.08),transparent 70%);pointer-events:none;z-index:0}.diag-container{position:relative;z-index:1;animation:diagFade .42s var(--ease)}@keyframes diagFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.diag-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}@media(max-width:900px){.diag-intro{grid-template-columns:1fr;gap:40px}}.diag-meta-row{display:flex;gap:36px;margin-top:38px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}.diag-meta-item{display:flex;flex-direction:column;align-items:center;text-align:center}.diag-meta-num{font-size:32px;font-weight:500;color:var(--gold-light);letter-spacing:-.02em;font-family:Newsreader,serif;font-style:italic}.diag-meta-lbl{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ffffffa6;margin-top:4px}.diag-preview-card{background:#ffffff0a;border:1px solid rgba(217,167,95,.2);border-radius:var(--radius-lg);padding:32px;box-shadow:0 30px 80px -30px #00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.diag-preview-options{margin-top:22px;display:flex;flex-direction:column;gap:10px}.diag-preview-opt{display:flex;gap:14px;align-items:center;padding:14px 18px;border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:14px;color:#ffffffb3;transition:all .2s var(--ease)}.diag-preview-opt span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffff0d;font-size:11px;font-weight:600;color:#ffffff80;flex-shrink:0}.diag-preview-opt.is-active{background:#d9a75f1f;border-color:var(--gold);color:var(--gold-light)}.diag-preview-opt.is-active span{background:var(--gold);color:var(--soft-black)}.diag-progress{max-width:720px;margin:0 auto 48px}.diag-progress-meta{display:flex;justify-content:space-between;margin-bottom:12px}.diag-progress-track{height:3px;background:#ffffff14;border-radius:3px;overflow:hidden}.diag-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:3px;transition:width .42s var(--ease)}.diag-question-body,.diag-capture-body{max-width:720px;margin:0 auto}.diag-question-text{font-size:clamp(26px,3vw,38px);font-weight:500;line-height:1.15;color:#faf7ef;letter-spacing:-.02em;margin-bottom:36px;text-wrap:balance}.diag-options{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.diag-option{display:flex;align-items:center;gap:18px;padding:20px 22px;border:1px solid rgba(255,255,255,.1);background:#ffffff06;border-radius:14px;color:#e8e1ce;font-size:16px;text-align:left;cursor:pointer;transition:all .22s var(--ease);font-family:inherit;width:100%}.diag-option:hover{border-color:#d9a75f8c;background:#d9a75f0f;transform:translate(4px)}.diag-option-letter{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff0f;font-size:13px;font-weight:600;color:#fff9;flex-shrink:0;transition:all .22s var(--ease);letter-spacing:0}.diag-option:hover .diag-option-letter{background:#d9a75f33;color:var(--gold-light)}.diag-option-label{flex:1;line-height:1.4}.diag-option-check{opacity:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--soft-black);transform:scale(.6);transition:all .22s var(--ease);flex-shrink:0}.diag-option.is-selected{border-color:var(--gold);background:#d9a75f1a;color:#faf7ef}.diag-option.is-selected .diag-option-letter{background:var(--gold);color:var(--soft-black)}.diag-option.is-selected .diag-option-check{opacity:1;transform:scale(1)}.diag-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.diag-shell .btn-ghost{color:#faf7ef;border-color:#ffffff47;background:#ffffff08}.diag-shell .btn-ghost:hover:not(:disabled){border-color:var(--gold);color:var(--gold-light);background:#d9a75f14}.diag-shell .btn-ghost:disabled{color:#ffffff47;border-color:#ffffff1a;background:transparent}.diag-form{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:600px){.diag-form{grid-template-columns:1fr}}.diag-form .field input{background:#ffffff0a;border-color:#ffffff1f;color:#faf7ef}.diag-form .field input::placeholder{color:#ffffff59}.diag-form .field label{color:#fff9}.diag-form .field input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #d9a75f2e}.diag-form .field .hint{color:#ffffff73}.diag-form .checkbox-row{color:#ffffffb3}.diag-result-header{max-width:760px;margin:0 auto 44px;text-align:left}.diag-result-title{margin-top:16px;font-size:clamp(36px,5vw,56px);letter-spacing:-.03em;line-height:1.05}.diag-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:980px;margin:0 auto 36px}@media(max-width:800px){.diag-result-grid{grid-template-columns:1fr}}.diag-result-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:30px}.diag-steps{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.diag-steps li{display:flex;gap:14px;align-items:baseline;color:#e8e1ce;line-height:1.5}.diag-step-num{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;color:var(--gold);letter-spacing:.05em;flex-shrink:0;min-width:24px}.diag-result-cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;max-width:980px;margin:0 auto}.diag-restart{font-family:inherit;font-size:13px;color:#ffffff80;margin-left:auto;padding:6px 10px;transition:color .18s var(--ease)}.diag-restart:hover{color:var(--gold-light)}@media(max-width:600px){.diag-restart{margin-left:0}}.diag-kicker-mobile{display:none}@media(max-width:768px){.diag-kicker-desktop{display:none}.diag-kicker-mobile{display:inline}}.diag-capture-subtitle{color:#d4cec4;font-size:16px;line-height:1.55;margin-top:14px;white-space:nowrap}@media(max-width:640px){.diag-capture-subtitle{white-space:normal}}
