@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg-color:#050505;--text-primary:#fff;--text-secondary:#a1a1aa;--primary-color:#4f46e5;--primary-glow:#4f46e566;--secondary-color:#ec4899;--accent-color:#06b6d4;--card-bg:#14141499;--card-border:#ffffff1a;--card-hover-border:#fff3;--glass-bg:#0a0a0a80;--glass-border:#ffffff14;--nav-height:80px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-family:Outfit,sans-serif;font-weight:700;line-height:1.1}h1{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4.5rem)}h2{font-size:clamp(2rem,4vw,3rem)}p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.125rem}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}ul{list-style:none}button{cursor:pointer;border:none;outline:none;font-family:Inter,sans-serif}.text-gradient{background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0;position:relative}.btn{transition:all var(--transition-normal);border-radius:9999px;justify-content:center;align-items:center;padding:.875rem 1.75rem;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-color);box-shadow:0 0 20px #ffffff1a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #fff3}.btn-outline{border:1px solid var(--card-border);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--text-primary);background:#ffffff0d}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.card{background:var(--card-bg);border:1px solid var(--card-border);transition:all var(--transition-normal);border-radius:24px;padding:2rem;position:relative;overflow:hidden}.card:before{content:"";background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y), #ffffff0f, transparent 40%);opacity:0;z-index:1;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.card:hover{border-color:var(--card-hover-border);transform:translateY(-4px);box-shadow:0 10px 40px #00000080}.card:hover:before{opacity:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.bg-grid{pointer-events:none;z-index:-1;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 40%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000 100%)}