*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-primary:#050508;--color-bg-secondary:#0a0a10;--color-bg-card:#0c0c12b3;--color-bg-card-hover:#12121ce6;--color-text-primary:#e8e8ec;--color-text-secondary:#e8e8ec99;--color-text-muted:#e8e8ec59;--color-accent-cyan:#00f0ff;--color-accent-magenta:#ff2d55;--color-accent-violet:#8b5cf6;--gradient-hero:linear-gradient(135deg,#00f0ff 0%,#8b5cf6 50%,#ff2d55 100%);--gradient-card-glow:linear-gradient(135deg,#00f0ff26,#8b5cf626);--gradient-cta:linear-gradient(135deg,#00f0ff,#8b5cf6);--color-personal:#f0abfc;--color-workspace:#67e8f9;--color-marketing:#fb7185;--color-sales:#fbbf24;--color-content:#34d399;--color-realworld:#818cf8;--border-subtle:#ffffff0f;--border-hover:#00f0ff33;--border-glow:#00f0ff66;--shadow-card:0 4px 40px #00000080;--shadow-glow-cyan:0 0 60px #00f0ff14;--shadow-glow-hover:0 0 80px #00f0ff26;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:80px;--space-4xl:120px;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--transition-spring:.6s cubic-bezier(.34,1.56,.64,1);--font-display:"Outfit",sans-serif;--font-body:"Space Grotesk",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:clamp(1.8rem,3vw,2.2rem);--font-size-4xl:clamp(2.2rem,4vw,3rem);--font-size-hero:clamp(3rem,7vw,6rem)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(circle,#00f0ff0a 0%,#0000 70%);width:60%;height:60%;position:fixed;top:-30%;left:-10%}body:after{content:"";pointer-events:none;z-index:-2;background:radial-gradient(circle,#8b5cf60a 0%,#0000 70%);width:50%;height:50%;position:fixed;bottom:-20%;right:-10%}.grain-overlay{pointer-events:none;z-index:9999;opacity:.03;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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.text-gradient{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.font-display{font-family:var(--font-display)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(10px,-15px)}66%{transform:translate(-8px,10px)}}@keyframes glowPulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(40px,-30px)scale(1.05)}50%{transform:translate(-20px,-50px)scale(.95)}75%{transform:translate(30px,20px)scale(1.02)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-30px,40px)scale(.98)}50%{transform:translate(50px,20px)scale(1.04)}75%{transform:translate(-10px,-40px)scale(1)}}.animate-fade-in-up{animation:.7s cubic-bezier(.4,0,.2,1) both fadeInUp}.animate-fade-in{animation:.5s both fadeIn}