:root{--bg-primary: #0a0a0c;--bg-secondary: #121217;--bg-glass: rgba(18, 18, 23, .6);--text-primary: #ffffff;--text-secondary: #9ca3af;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .4);--accent-secondary: #8b5cf6;--border: rgba(255, 255, 255, .08);--font-main: "Outfit", sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--border-radius: 16px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.08),transparent 25%);background-attachment:fixed}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 0 15px var(--accent-glow)}50%{box-shadow:0 0 30px var(--accent-glow)}to{box-shadow:0 0 15px var(--accent-glow)}}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.4,0,.2,1) forwards}.delay-100{animation-delay:.1s;opacity:0}.delay-200{animation-delay:.2s;opacity:0}.delay-300{animation-delay:.3s;opacity:0}.delay-400{animation-delay:.4s;opacity:0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow-glass)}