@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap");:root{--color-primary:#1a4fd6;--color-primary-hover:#1540b8;--color-primary-subtle:#ebf0fe;--color-secondary:#5e5ce6;--color-accent:#30d158;--color-background:#fff;--color-surface:#f5f5f7;--color-surface-raised:#fff;--color-border:#d2d2d7;--color-border-strong:#1a4fd6;--color-text-primary:#1d1d1f;--color-text-secondary:#424245;--color-text-muted:#6e6e73;--color-success:#30d158;--color-warning:#ff9f0a;--color-error:#ff3b30;--color-info:#32ade6;--font-display:"Plus Jakarta Sans",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-pill:980px;--radius-card:16px;--radius-card-sm:12px;--radius-input:12px;--radius-badge:980px;--shadow-card:0 2px 8px rgba(0,0,0,.06);--shadow-card-hover:0 4px 16px rgba(0,0,0,.1);--shadow-score:0 4px 24px rgba(26,79,214,.1);--shadow-dropdown:0 4px 16px rgba(0,0,0,.12);--shadow-modal:0 8px 40px rgba(0,0,0,.16);--shadow-nav:0 1px 0 hsla(240,6%,83%,.5);--transition-micro:100ms ease-out;--transition-standard:150ms ease-out;--transition-moderate:200ms ease-in-out;--transition-slow:280ms ease-in-out}@media (prefers-color-scheme:dark){:root{--color-primary:#4a7fff;--color-primary-hover:#5c8fff;--color-primary-subtle:#1a2847;--color-secondary:#7b79ff;--color-accent:#32d74b;--color-background:#000;--color-surface:#1c1c1e;--color-surface-raised:#2c2c2e;--color-border:#3a3a3c;--color-border-strong:#4a7fff;--color-text-primary:#f5f5f7;--color-text-secondary:#ebebf5;--color-text-muted:#8e8e93;--color-success:#32d74b;--color-warning:#ff9f0a;--color-error:#ff453a;--color-info:#64d2ff}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:1.5}@keyframes progress-slide{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}@keyframes checkmark-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}