@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-elevated: #1a1a24;--bg-glass: rgba(26, 26, 36, .7);--text-primary: #f5f0e8;--text-secondary: #a8a4a0;--text-muted: #6b6865;--accent-primary: #00d4aa;--accent-secondary: #ff6b4a;--accent-glow: rgba(0, 212, 170, .3);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 20px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.glass{background:var(--bg-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px}.glass-subtle{background:#1a1a2466;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:12px}.kinetic{display:inline-block;transition:transform var(--duration-normal) var(--ease-out)}.kinetic:hover{transform:translateY(-2px)}.display-xl{font-size:clamp(3rem,10vw,7rem);font-weight:700;line-height:1.05;letter-spacing:-.03em}.display-lg{font-size:clamp(2rem,6vw,4rem);font-weight:600;line-height:1.1;letter-spacing:-.02em}.display-md{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500;line-height:1.2;letter-spacing:-.01em}.glow{text-shadow:0 0 30px var(--accent-glow)}.glow-box{box-shadow:0 0 40px var(--accent-glow)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-family:var(--font-display);font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;text-decoration:none}.btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(255,255,255,.3) 0%,transparent 60%);opacity:0;transform:scale(0);transition:transform .5s,opacity .3s}.btn:active:after{opacity:1;transform:scale(2);transition:transform 0s,opacity 0s}.btn-primary{background:var(--accent-primary);color:var(--bg-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--bg-glass);border-color:var(--accent-primary)}section{padding:var(--space-2xl) var(--space-lg)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mesh-gradient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.mesh-gradient:before{content:"";position:absolute;inset:-50%;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(0,212,170,.12),transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(255,107,74,.08),transparent 50%),radial-gradient(ellipse 50% 80% at 50% 100%,rgba(0,100,200,.06),transparent 50%);animation:meshMove 20s ease-in-out infinite}.mesh-gradient:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay}@keyframes meshMove{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2%,2%) rotate(1deg)}50%{transform:translate(-1%,3%) rotate(-1deg)}75%{transform:translate(3%,-1%) rotate(.5deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp var(--duration-slow) var(--ease-out) forwards}.stagger>*{opacity:0;animation:fadeUp var(--duration-slow) var(--ease-out) forwards}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.2s}.stagger>*:nth-child(4){animation-delay:.3s}.stagger>*:nth-child(5){animation-delay:.4s}.tilt-card{transform-style:preserve-3d;perspective:1000px;transition:transform var(--duration-normal) var(--ease-out)}.tilt-card:hover{transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg))}::selection{background:var(--accent-primary);color:var(--bg-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.js-loaded .reveal{opacity:0;transform:translateY(30px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.js-loaded .reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mesh-gradient:before{animation:none}}