:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-primary: #6366f1;--accent-secondary: #a855f7;--accent-gradient: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--success: #22c55e;--warning: #eab308;--error: #ef4444;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.app{position:relative;min-height:100vh;display:flex;flex-direction:column}.app>nav,.app>main,.app>footer{position:relative;z-index:1}button{cursor:pointer;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.btn-primary{background:var(--accent-gradient);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:opacity .2s,transform .1s}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:12px;padding:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}