.diagnostic-shell{display:grid;gap:20px}.diagnostic-progress{position:sticky;top:0;z-index:4;background:rgba(7,17,31,.96);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 14px}.diagnostic-progress-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.diagnostic-track{height:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:8px}.diagnostic-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#2e72e6,#63d9ff);transition:width .2s ease}.diagnostic-form{display:grid;gap:18px}.diagnostic-area{border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:18px;background:rgba(13,27,48,.72)}.diagnostic-area legend{font-size:1.1rem;font-weight:900;padding:0 .45rem}.diagnostic-area legend span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#245fd1;margin-right:8px}.diagnostic-item{padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}.diagnostic-item:first-of-type{border-top:0}.diagnostic-item p{margin:.1rem 0 .65rem}.diagnostic-options{display:flex;gap:8px;flex-wrap:wrap}.diagnostic-options label{cursor:pointer;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:.55rem .78rem;background:rgba(255,255,255,.035);font-weight:750}.diagnostic-options label:has(input:checked){border-color:#63d9ff;background:rgba(99,217,255,.13)}.diagnostic-options input{margin-right:6px}.diagnostic-submit{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.diagnostic-submit .btn:disabled{opacity:.45;cursor:not-allowed}.diagnostic-result{scroll-margin-top:90px;border:1px solid rgba(99,217,255,.22);border-radius:22px;padding:22px;background:linear-gradient(145deg,rgba(22,55,92,.92),rgba(9,28,51,.96));box-shadow:0 24px 70px rgba(0,0,0,.22)}.diagnostic-summary{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.diagnostic-score{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#276de0,#112c56);border:1px solid rgba(255,255,255,.17)}.diagnostic-score b{font-size:2.25rem;line-height:1}.diagnostic-score span{margin-top:-26px;font-size:.8rem;opacity:.8}.diagnostic-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.diagnostic-result-grid>div{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;background:rgba(4,15,29,.34)}.truth-note{padding:.8rem 1rem;border-left:4px solid #70e0a1;background:rgba(112,224,161,.08);border-radius:8px}@media(max-width:720px){.diagnostic-summary,.diagnostic-result-grid{grid-template-columns:1fr}.diagnostic-score{width:96px;height:96px}.diagnostic-options{display:grid;grid-template-columns:1fr}.diagnostic-options label{border-radius:12px}.diagnostic-progress{top:6px}}
