:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-card:#1f1f1f;--text-primary:#fff;--text-secondary:#a0a0a0;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--border:#2a2a2a;--gradient:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);max-width:100vw;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}body{min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:all .3s}.card:hover{border-color:var(--accent-primary);box-shadow:0 8px 32px #3b82f61a}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 16px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.btn-primary:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input{background:var(--bg-secondary);border:2px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;padding:1rem 1.25rem;font-size:1rem;transition:all .3s}.input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:var(--text-secondary)}.spinner{border:4px solid var(--border);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.score-badge{border:4px solid;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.5rem;font-weight:700;display:inline-flex}.score-good{color:var(--success);border-color:var(--success);background:#10b9811a}.score-average{color:var(--warning);border-color:var(--warning);background:#f59e0b1a}.score-poor{color:var(--error);border-color:var(--error);background:#ef44441a}@media (max-width:768px){.container{padding:0 1rem}.card{padding:1.5rem}.btn{padding:.75rem 1.5rem;font-size:.9rem}}