.diagnostic-page{width:auto;max-width:none;margin-left:230px;padding:60px 34px 90px}.diagnostic-page>*{width:min(1040px,100%);margin-inline:auto}.diagnostic-page>header{margin-bottom:28px}.diagnostic-page>header>span,.diagnostic-result>span{color:var(--primary);letter-spacing:.12em;font-size:11px;font-weight:900}.diagnostic-page h1{margin:12px 0;font-size:clamp(42px,6vw,68px);line-height:1}.diagnostic-page>header>p,.diagnostic-result>p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.55}.diagnostic-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.diagnostic-choices>a{border:1.5px solid var(--ink);min-height:330px;color:var(--ink);box-shadow:var(--shadow-sm);background:#fff;border-radius:26px;flex-direction:column;padding:26px;transition:all .18s;display:flex}.diagnostic-choices>a:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.diagnostic-choices>a>i{background:var(--mint);border-radius:55% 45% 58% 42%/48% 60% 40% 52%;place-items:center;width:58px;height:58px;font-style:normal;font-weight:900;display:grid}.diagnostic-choices>a.lavender>i{background:var(--lavender)}.diagnostic-choices>a.peach>i{background:#ffd4bd}.diagnostic-choices small{color:var(--muted);margin-top:26px;font-weight:750}.diagnostic-choices h2{margin:10px 0;font-size:27px}.diagnostic-choices p{color:var(--muted);margin:0;line-height:1.55}.diagnostic-choices b{color:var(--primary);margin-top:auto}.diagnostic-note{background:var(--lavender);border-radius:22px;padding:22px 26px;margin-top:20px!important}.diagnostic-note p{color:var(--muted);margin:5px 0 0}.diagnostic-progress{background:#ece5ef;border-radius:999px;height:8px;margin:26px 0 12px;overflow:hidden}.diagnostic-progress i{border-radius:inherit;background:var(--mint);height:100%;transition:width .25s;display:block}.diagnostic-check>header>small{color:var(--muted);font-weight:800}.diagnostic-question{border:1.5px solid var(--ink);box-shadow:var(--shadow-sm);background:#fff;border-radius:28px;padding:clamp(22px,4vw,38px)}.diagnostic-question h2{white-space:pre-line;margin:0 0 24px;font-size:clamp(21px,2.5vw,30px);line-height:1.35}.diagnostic-text-options{gap:10px;display:grid}.diagnostic-text-options button{border:1.5px solid var(--line-strong);min-height:54px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:16px;grid-template-columns:36px 1fr;align-items:center;gap:10px;padding:10px 14px;display:grid}.diagnostic-text-options button b{background:var(--primary-soft);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.diagnostic-text-options button[aria-pressed=true]{border-color:var(--ink);background:var(--mint)}.diagnostic-option-labels{grid-template-columns:repeat(5,1fr);margin-top:14px}.diagnostic-option-labels button{grid-template-columns:30px 1fr;font-size:12px}.diagnostic-question footer{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.diagnostic-result{border:1.5px solid var(--ink);background:var(--lavender);text-align:center;border-radius:30px;padding:clamp(28px,6vw,58px)}.diagnostic-score{border:10px solid var(--mint);background:#fff;border-radius:50%;place-items:center;width:150px;height:150px;margin:20px auto;font-size:44px;font-weight:900;display:grid}.diagnostic-review{text-align:left;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0;display:grid}.diagnostic-review article{background:#fff;border-radius:16px;padding:16px}.diagnostic-review article p{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.5}.diagnostic-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}@media (max-width:900px){.diagnostic-choices{grid-template-columns:1fr}.diagnostic-choices>a{min-height:240px}.diagnostic-option-labels,.diagnostic-review{grid-template-columns:1fr}}@media (max-width:760px){.diagnostic-page{margin-left:0;padding:36px 16px 65px}.diagnostic-question footer{border:1px solid var(--line);background:#fffffff2;border-radius:18px;padding:10px;position:sticky;bottom:8px}.diagnostic-question footer .btn{padding-inline:14px}}@media (max-width:520px){.diagnostic-actions .btn{width:100%}}