.diag-loading,.diag-error{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100dvh;font-size:1rem;display:flex}.diag-loading-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;animation:.7s linear infinite diag-spin}@keyframes diag-spin{to{transform:rotate(360deg)}}.diag-intro{background:#0f172a;justify-content:center;align-items:flex-start;min-height:100dvh;padding:2rem 1rem 4rem;display:flex}.diag-intro-inner{width:100%;max-width:720px}.diag-intro-badge{color:#60a5fa;letter-spacing:.04em;text-transform:uppercase;background:#2563eb26;border:1px solid #2563eb4d;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1.2rem;padding:.2rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.diag-intro-title{color:#f9fafb;margin-bottom:.6rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.1}.diag-intro-subtitle{color:#9ca3af;margin-bottom:2.5rem;font-size:1.05rem}.diag-intro-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.diag-feature{background:#1e293b;border:1px solid #334155;border-radius:.75rem;gap:1rem;padding:1rem;display:flex}.diag-feature-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.diag-feature-title{color:#f1f5f9;margin-bottom:.25rem;font-size:.9rem;display:block}.diag-feature-body{color:#94a3b8;margin:0;font-size:.8rem;line-height:1.5}.diag-intro-sections{background:#1e293b;border:1px solid #334155;border-radius:.75rem;margin-bottom:2rem;padding:1.2rem}.diag-intro-sections h2{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;font-size:.85rem;font-weight:700}.diag-intro-sections ul{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.diag-intro-sections li{color:#cbd5e1;font-size:.875rem}.diag-intro-start{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.75rem;width:100%;margin-bottom:1rem;padding:1rem;font-size:1.1rem;font-weight:700;transition:background .15s;display:block}.diag-intro-start:hover{background:#1d4ed8}.diag-intro-dev{color:#fbbf24;cursor:pointer;background:0 0;border:1px dashed #fbbf24;border-radius:.75rem;width:100%;margin-bottom:1rem;padding:.75rem;font-size:.9rem;font-weight:600;display:block}.diag-intro-dev:hover{background:#fbbf241a}.diag-report-btn--dev{color:#fbbf24;background:0 0;border:1px dashed #fbbf24;width:100%;margin-top:.75rem}.diag-report-btn--dev:hover{background:#fbbf241a}.diag-intro-note{text-align:center;color:#6b7280;font-size:.75rem}.diag-intro-note a{color:#60a5fa}.diag-report-page{background:#0f172a;justify-content:center;align-items:flex-start;min-height:100dvh;padding:2rem 1rem 4rem;display:flex}.diag-report{width:100%;max-width:760px}.diag-report-hero{margin-bottom:2rem}.diag-report-title{color:#f9fafb;margin-bottom:.4rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.1}.diag-report-subtitle{color:#6b7280;font-size:.9rem}.diag-report-scores{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}@media (max-width:520px){.diag-report-scores{grid-template-columns:1fr}}.diag-score-card{background:#1e293b;border:1px solid #334155;border-radius:.75rem;padding:1.25rem}.diag-score-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.diag-score-value{margin-bottom:.25rem;font-size:3rem;font-weight:900;line-height:1}.diag-score-range{color:#475569;font-size:.7rem}.diag-score-pct{color:#94a3b8;margin-top:.25rem;font-size:.85rem}.diag-score-raw{color:#64748b;font-size:.8rem}.diag-report-combined{color:#94a3b8;background:#1e293b;border-radius:.5rem;align-items:baseline;gap:.5rem;margin-bottom:2rem;padding:.75rem 1rem;font-size:1rem;display:flex}.diag-report-combined strong{color:#f1f5f9;font-size:1.5rem;font-weight:800}.diag-report-section{margin-bottom:2rem}.diag-report-section-title{color:#e2e8f0;margin-bottom:.75rem;font-size:1rem;font-weight:700}.diag-breakdown-grid{flex-direction:column;gap:.6rem;display:flex}.diag-breakdown-row{grid-template-columns:minmax(140px,1.4fr) 1fr 100px;align-items:center;gap:.75rem;display:grid}.diag-breakdown-label{color:#94a3b8;text-transform:none;font-size:.8rem;line-height:1.3}.diag-breakdown-bar-wrap{background:#1e293b;border-radius:999px;height:8px;overflow:hidden}.diag-breakdown-bar{background:#2563eb;border-radius:999px;height:100%;transition:width .4s}.diag-breakdown-stat{color:#64748b;text-align:right;font-size:.75rem}.diag-section-table{border-collapse:collapse;width:100%;font-size:.85rem}.diag-section-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#1e293b;padding:.5rem .75rem;font-size:.75rem}.diag-section-table td{color:#cbd5e1;border-bottom:1px solid #1e293b;padding:.5rem .75rem}.diag-section-table tr:nth-child(2n) td{background:#1e293b80}.diag-report-cta-wrap{text-align:center;padding:1.5rem 0}.diag-report-btn{cursor:pointer;border:none;border-radius:.75rem;padding:.875rem 2rem;font-size:1rem;font-weight:700;transition:background .15s;display:inline-block}.diag-report-btn--primary{color:#fff;background:#2563eb;width:100%}.diag-report-btn--primary:hover{background:#1d4ed8}.diag-report-btn--primary:disabled{opacity:.6;cursor:not-allowed}.diag-report-cta-hint{color:#6b7280;margin-top:.6rem;font-size:.8rem}.diag-report--email{max-width:520px}.diag-email-form{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.diag-email-input{color:#f1f5f9;background:#1e293b;border:1px solid #334155;border-radius:.6rem;outline:none;padding:.875rem 1rem;font-size:1rem}.diag-email-input:focus{border-color:#2563eb}.diag-email-error{color:#f87171;margin:0;font-size:.85rem}.diag-email-success{color:#4ade80;text-align:center;background:#4ade8014;border-radius:.5rem;margin-bottom:1rem;padding:1rem;font-size:.9rem}.diag-email-retry{color:#60a5fa;cursor:pointer;font-size:inherit;background:0 0;border:none;text-decoration:underline}.diag-report-back{text-align:center;margin-top:1rem}.diag-report-btn--ghost{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:.85rem}.diag-report-btn--ghost:hover{color:#9ca3af}