:root{--bg-dark: #0f172a;--bg-darker: #020617;--primary: #3b82f6;--primary-hover: #2563eb;--primary-glow: rgba(59, 130, 246, .3);--secondary: #64748b;--accent: #10b981;--text-main: #f8fafc;--text-muted: #94a3b8;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--glass-shine: rgba(255, 255, 255, .05);--container-width: 1200px;--header-height: 80px;--font-sans: "Inter", system-ui, -apple-system, sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);margin:0;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}.gradient-text{color:var(--primary)}.btn{display:inline-block;padding:.8rem 2rem;border-radius:9999px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 6px -1px var(--primary-glow)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px var(--primary-glow)}.btn-glass{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-glass:hover{background:var(--glass-shine);border-color:#fff3}section{padding:6rem 0}.grid-cols-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}