:root{--color-bg: #0a0e27;--color-bg-elevated: #131838;--color-primary: #00f5ff;--color-secondary: #ff2e93;--color-accent: #ffd60a;--color-text: #f8f9fa;--color-text-muted: #9aa4c4;--color-border: #2a3263;--color-success: #00ff88;--color-danger: #ff4d6d;--font-display: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--radius-md: 12px;--radius-lg: 20px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-display);font-weight:500}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}nav a{color:var(--color-text-muted);padding:8px 14px;border-bottom:2px solid transparent;text-decoration:none;font-weight:700;letter-spacing:.02em;transition:color .15s ease,border-color .15s ease}nav a:hover{color:var(--color-text);text-decoration:none}nav a.active{color:var(--color-primary);border-bottom:2px solid var(--color-primary)}button{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#000;border:none;padding:10px 18px;font-weight:700;border-radius:var(--radius-md);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:transform .1s,box-shadow .2s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #00f5ff66}button:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px}*{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg-elevated)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--color-bg);border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border:2px solid var(--color-bg);border-radius:999px;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-secondary),var(--color-accent));background-clip:padding-box;border:2px solid var(--color-bg)}*::-webkit-scrollbar-thumb:active{background:var(--color-accent);background-clip:padding-box;border:2px solid var(--color-bg)}*::-webkit-scrollbar-corner{background:var(--color-bg)}