:root{--color-bg-main: #0a0a0f;--color-bg-card: rgba(255, 255, 255, .05);--color-bg-card-hover: rgba(255, 255, 255, .08);--color-primary: #8b5cf6;--color-primary-glow: rgba(139, 92, 246, .5);--color-secondary: #06b6d4;--color-accent: #f472b6;--color-text-main: #ffffff;--color-text-muted: #94a3b8;--color-border: rgba(255, 255, 255, .1);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--transition-fast: .2s ease;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-main);color:var(--color-text-main);min-height:100vh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-panel{background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s var(--transition-smooth) forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-main)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}