:root{--bg-primary: #151515;--bg-surface: #1e1e1e;--bg-elevated: #2a2a2a;--border-subtle: #2a2a2a;--border-medium: #3a3a3a;--text-primary: #e5e5e5;--text-secondary: #a0a0a0;--text-muted: #707070;--accent-cyan: #00d9ff;--accent-teal: #00a8cc;--accent-hover: #004d5c;--accent-glow: rgba(0, 217, 255, .3);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:auto}body{margin:0;min-height:100vh;min-width:500px;background:var(--bg-primary);overflow-x:auto}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent-cyan);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-teal)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.25rem}p{color:var(--text-secondary);margin-bottom:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:8px;font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none}.btn-primary{background:var(--accent-cyan);color:var(--bg-primary);border-color:var(--accent-cyan)}.btn-primary:hover{background:var(--accent-teal);border-color:var(--accent-teal);box-shadow:0 0 20px var(--accent-glow);color:var(--bg-primary)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-medium)}.btn-secondary:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1.1rem}.input{padding:var(--space-sm) var(--space-md);border-radius:8px;border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px var(--accent-glow)}.input::placeholder{color:var(--text-muted)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:var(--space-lg);transition:border-color .2s ease,transform .2s ease}.card:hover{border-color:var(--border-medium)}.card-interactive:hover{border-color:var(--accent-cyan);transform:translateY(-2px)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-cyan)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:pulse 2s ease-in-out infinite}