:root{--bg-dark: #0a0a0a;--bg-card: #121212;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-primary: #00ff41;--accent-secondary: #008f11;--accent-gradient: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .05);--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .36);--nav-height: 80px}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif}#root{width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow)}.btn-primary{background:var(--accent-gradient);border:none;color:#fff;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}