@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap");:root{--navy:#0d1b2a;--navy-mid:#1a2e44;--navy-light:#243b55;--teal:#00c9a7;--teal-dim:#00a389;--teal-glow:rgba(0,201,167,.15);--warm-white:#f7f9fc;--card-bg:#fff;--border:#e2e8f0;--text-main:#0d1b2a;--text-sub:#64748b;--text-light:#94a3b8;--critical:#ef4444;--average:#f59e0b;--developing:#3b82f6;--strong:#10b981;--font-display:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--radius:12px;--radius-lg:20px;--shadow:0 2px 16px rgba(13,27,42,.08);--shadow-lg:0 8px 40px rgba(13,27,42,.12)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:var(--warm-white);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2}a{color:var(--teal);text-decoration:none}a:hover{color:var(--teal-dim)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all .18s ease}button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}input{font-family:var(--font-body);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow)}.btn-primary{background:var(--teal);color:var(--navy);font-weight:600;font-size:15px;padding:12px 24px;border-radius:var(--radius);letter-spacing:.01em}.btn-primary:hover{background:var(--teal-dim);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,201,167,.3)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:transparent;color:var(--text-sub);font-weight:500;font-size:14px;padding:10px 20px;border-radius:var(--radius);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-glow)}.badge-critical{background:#fef2f2;color:var(--critical);border:1px solid #fecaca}.badge-average{background:#fffbeb;color:var(--average);border:1px solid #fde68a}.badge-developing{background:#eff6ff;color:var(--developing);border:1px solid #bfdbfe}.badge-strong{background:#ecfdf5;color:var(--strong);border:1px solid #a7f3d0}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;font-family:var(--font-display)}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--teal);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.progress-track{height:6px;background:var(--border);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--teal),#00e5c5);border-radius:99px;transition:width .4s ease}@media (max-width:640px){html{font-size:15px}}