.diagnostic-page-body { background:#020712; color:#f4f8ff; }
.diagnostic-page { min-height:100vh; padding-top:82px; background:radial-gradient(circle at 76% 5%,rgba(0,216,255,.12),transparent 27%),#020712; }
.diagnostic-page__intro { padding:84px 0 52px; border-bottom:1px solid rgba(48,139,207,.18); }
.diagnostic-page__intro .container { max-width:1040px; }
.diagnostic-page__intro h1 { max-width:940px; margin:14px 0 22px; font:600 clamp(2.3rem,5.5vw,5rem)/.99 Sora,sans-serif; letter-spacing:-.055em; }
.diagnostic-page__intro h1 span { color:#00d8ff; }
.diagnostic-page__intro>div>p:not(.eyebrow) { max-width:760px; color:#99acc2; font-size:1.05rem; line-height:1.75; }
.diagnostic-page__trust { display:flex; flex-wrap:wrap; gap:12px 26px; margin-top:32px; color:#d9e9f9; font-size:.86rem; }
.diagnostic-page__trust span::first-letter { color:#00d8ff; }
.diagnostic-page__wizard { padding-top:58px; padding-bottom:96px; max-width:1180px; }
.diagnostic-wizard { display:grid; grid-template-columns:270px minmax(0,1fr); gap:34px; align-items:start; scroll-margin-top:104px; }
.diagnostic-wizard__sidebar { position:sticky; top:110px; padding:24px; border:1px solid rgba(39,139,211,.28); border-radius:20px; background:rgba(5,18,36,.87); box-shadow:0 22px 70px rgba(0,0,0,.26); }
.diagnostic-wizard__sidebar>strong { display:block; margin-top:8px; font:600 2rem Sora,sans-serif; }
.diagnostic-wizard__progress { height:5px; margin:14px 0 22px; overflow:hidden; border-radius:8px; background:#10243b; }
.diagnostic-wizard__progress span { display:block; height:100%; background:linear-gradient(90deg,#087cff,#00d8ff); transition:width .35s ease; }
.diagnostic-wizard__sidebar ol { display:grid; gap:2px; margin:0; padding:0; list-style:none; }
.diagnostic-wizard__sidebar button { display:flex; width:100%; gap:10px; align-items:center; padding:9px 8px; border:0; background:transparent; color:#6f849b; text-align:left; font:500 .76rem Inter,sans-serif; cursor:default; }
.diagnostic-wizard__sidebar button span { color:#47657e; font:600 .65rem Sora,sans-serif; }
.diagnostic-wizard__sidebar li.is-current button { color:#fff; background:rgba(0,216,255,.08); border-radius:8px; }
.diagnostic-wizard__sidebar li.is-current button span,.diagnostic-wizard__sidebar li.is-done button span { color:#00d8ff; }
.diagnostic-wizard__sidebar li.is-done button { color:#9cb2c8; cursor:pointer; }
.diagnostic-wizard__sidebar small { display:block; margin-top:22px; color:#647b91; font-size:.7rem; line-height:1.55; }
.diagnostic-wizard__content { min-width:0; padding:clamp(24px,4vw,48px); border:1px solid rgba(39,139,211,.28); border-radius:24px; background:linear-gradient(145deg,rgba(7,24,47,.94),rgba(3,13,27,.97)); }
.diagnostic-wizard__content>header { padding-bottom:28px; border-bottom:1px solid rgba(58,127,178,.22); }
.diagnostic-wizard__content>header h1 { margin:10px 0 9px; font:600 clamp(1.8rem,4vw,3rem)/1.1 Sora,sans-serif; letter-spacing:-.04em; }
.diagnostic-wizard__content>header>p:last-child { color:#91a7be; line-height:1.65; }
.diagnostic-wizard__questions { display:grid; gap:22px; padding-top:30px; }
.diagnostic-question { min-width:0; margin:0; padding:22px; border:1px solid rgba(48,126,182,.22); border-radius:16px; background:rgba(4,15,31,.58); }
.diagnostic-question legend { display:flex; align-items:flex-start; gap:10px; max-width:100%; padding:0 6px; color:#edf7ff; font:600 .96rem/1.55 Sora,sans-serif; }
.diagnostic-question legend>span { flex:0 0 auto; color:#00d8ff; font-size:.65rem; letter-spacing:.08em; }
.diagnostic-question legend small { margin-left:auto; color:#607a92; font:500 .62rem Inter,sans-serif; text-transform:uppercase; letter-spacing:.08em; }
.diagnostic-question__hint { margin:5px 0 14px; color:#647e96; font-size:.72rem; }
.diagnostic-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:16px; }
.diagnostic-options label { position:relative; display:flex; min-height:48px; align-items:center; padding:12px 14px; border:1px solid rgba(57,124,175,.25); border-radius:10px; background:#06162a; color:#9eb2c6; font-size:.82rem; line-height:1.35; cursor:pointer; transition:.2s ease; }
.diagnostic-options label:hover { border-color:rgba(0,216,255,.62); color:#fff; transform:translateY(-1px); }
.diagnostic-options label.is-selected { border-color:#00d8ff; background:rgba(0,216,255,.09); color:#fff; box-shadow:inset 0 0 0 1px rgba(0,216,255,.12); }
.diagnostic-options input { position:absolute; opacity:0; pointer-events:none; }
.diagnostic-options label span { padding-left:20px; }
.diagnostic-options label span::before { content:""; position:absolute; left:13px; top:50%; width:11px; height:11px; border:1px solid #4c718e; border-radius:50%; transform:translateY(-50%); }
.diagnostic-options.is-multiple label span::before { border-radius:3px; }
.diagnostic-options label.is-selected span::before { border-color:#00d8ff; background:#00d8ff; box-shadow:inset 0 0 0 3px #061b31; }
.diagnostic-text-input { width:100%; margin-top:16px; padding:14px 15px; border:1px solid rgba(57,124,175,.36); border-radius:10px; outline:none; background:#051426; color:#fff; font:500 .9rem Inter,sans-serif; }
.diagnostic-text-input:focus { border-color:#00d8ff; box-shadow:0 0 0 3px rgba(0,216,255,.08); }
.diagnostic-consent { display:flex; gap:11px; margin-top:15px; color:#9eb2c6; font-size:.8rem; line-height:1.55; }
.diagnostic-consent input { width:17px; height:17px; margin-top:2px; accent-color:#00d8ff; }
.diagnostic-consent a { color:#00d8ff; text-decoration:underline; }
.diagnostic-error { margin:22px 0 0; padding:13px 15px; border:1px solid rgba(255,106,72,.42); border-radius:10px; background:rgba(255,70,40,.08); color:#ffb29f; font-size:.82rem; }
.diagnostic-wizard__actions { display:flex; justify-content:flex-end; gap:12px; margin-top:30px; padding-top:24px; border-top:1px solid rgba(58,127,178,.2); }
.diagnostic-wizard__legal-note { margin:14px 0 0; color:#627990; text-align:right; font-size:.7rem; }
.diagnostic-result { padding:clamp(28px,5vw,60px); border:1px solid rgba(0,216,255,.36); border-radius:24px; background:linear-gradient(145deg,rgba(8,30,56,.96),rgba(3,13,27,.98)); }
.diagnostic-result__hero h1 { max-width:780px; margin:12px 0; font:600 clamp(2rem,5vw,4.4rem)/1.02 Sora,sans-serif; letter-spacing:-.05em; }
.diagnostic-result__hero h1 span { color:#00d8ff; }
.diagnostic-result__hero>p:last-child { color:#a9bfd4; font-size:1.05rem; }
.diagnostic-result__notice { max-width:720px; margin:18px 0 0; padding:12px 15px; border:1px solid rgba(255,173,66,.35); border-radius:10px; background:rgba(255,173,66,.08); color:#ffd49a!important; font-size:.92rem!important; }
.diagnostic-result__metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:32px 0; }
.diagnostic-result__metrics article { padding:22px; border:1px solid rgba(57,124,175,.27); border-radius:14px; background:#05162a; }
.diagnostic-result__metrics article.is-accent { border-color:#00d8ff; }
.diagnostic-result__metrics strong { display:block; color:#fff; font:600 clamp(1.2rem,3vw,2rem) Sora,sans-serif; }
.diagnostic-result__metrics span { display:block; margin-top:7px; color:#6f879d; font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; }
.diagnostic-result__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.diagnostic-result__grid article,.diagnostic-result__web { padding:22px; border:1px solid rgba(57,124,175,.25); border-radius:14px; background:rgba(4,15,31,.72); }
.diagnostic-result__grid article>span { color:#00d8ff; font:600 .72rem Sora,sans-serif; }
.diagnostic-result__grid h2,.diagnostic-result__web h2 { margin:13px 0 10px; font:600 1.02rem/1.35 Sora,sans-serif; }
.diagnostic-result__grid p,.diagnostic-result__web p:last-child { color:#829ab0; font-size:.79rem; line-height:1.65; }
.diagnostic-result__web { margin-top:12px; border-color:rgba(0,216,255,.4); }
.diagnostic-result__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
@media (max-width:900px){.diagnostic-wizard{grid-template-columns:1fr}.diagnostic-wizard__sidebar{position:static}.diagnostic-wizard__sidebar ol{display:none}.diagnostic-result__grid{grid-template-columns:1fr}.diagnostic-result__metrics{grid-template-columns:1fr}}
@media (max-width:620px){.diagnostic-page{padding-top:66px}.diagnostic-page__intro{padding:54px 0 38px}.diagnostic-wizard__content{padding:20px 15px}.diagnostic-question{padding:18px 12px}.diagnostic-options{grid-template-columns:1fr}.diagnostic-wizard__actions{flex-direction:column-reverse}.diagnostic-wizard__actions .button{width:100%}.diagnostic-page__trust{display:grid}.diagnostic-result{padding:24px 16px}.diagnostic-result__actions .button{width:100%}}