:root{--bg: #0d0d1a;--bg-card: #141428;--bg-hover: #1a1a35;--accent: #7c83fd;--accent-2: #a78bfa;--green: #4ade80;--yellow: #fbbf24;--red: #f87171;--text: #f0f0f8;--text-muted:#9090b0;--border: #2a2a4e;--radius: 12px;--font-head: "Syne", sans-serif;--font-body: "DM Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;line-height:1.15}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-2)}button{cursor:pointer;font-family:var(--font-body);font-weight:500;border:none;outline:none;transition:all .2s ease}.btn-primary{background:var(--accent);color:#fff;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;letter-spacing:.3px}.btn-primary:hover{background:var(--accent-2);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-muted);padding:12px 28px;border-radius:8px;font-size:15px;border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.score-green{color:var(--green)}.score-yellow{color:var(--yellow)}.score-red{color:var(--red)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .6s ease both}.fade-up-2{animation:fadeUp .6s .15s ease both}.fade-up-3{animation:fadeUp .6s .3s ease both}.fade-up-4{animation:fadeUp .6s .45s ease both}@keyframes pulse-ring{0%{stroke-dashoffset:283}to{stroke-dashoffset:var(--ring-offset)}}