@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-deep: #f8fafc;--bg-surface: #ffffff;--bg-elevated: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #2563eb;--grid-line: rgba(0, 0, 0, .04);--border-subtle: 1px solid rgba(0, 0, 0, .06);--border-bold: 1px solid rgba(0, 0, 0, .12);--space-unit: 8px;--space-xl: calc(var(--space-unit) * 12);--space-l: calc(var(--space-unit) * 8);--space-md: calc(var(--space-unit) * 4);--font-display: "Outfit", sans-serif;--font-main: "Inter", sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-full: 9999px;--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--gradient-primary: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #db2777 100%);--gradient-hover: linear-gradient(135deg, #4338ca 0%, #6d28d9 50%, #be185d 100%);--glow-primary: 0 0 20px rgba(124, 58, 237, .5)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}body{background-color:transparent;color:var(--text-primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;position:relative;min-height:100vh}body:before{content:"";position:fixed;inset:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,0) 0%,transparent 50%),radial-gradient(circle at 0% 0%,rgba(79,70,229,.45) 0%,transparent 50%),radial-gradient(circle at 100% 0%,rgba(124,58,237,.45) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(6,182,212,.45) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(219,39,119,.45) 0%,transparent 50%);background-size:100% 100%;animation:meshFlow 20s ease-in-out infinite alternate;z-index:-2;pointer-events:none;filter:blur(70px)}@keyframes meshFlow{0%{transform:translate(0) rotate(0)}25%{transform:translate(-2%,2%) rotate(2deg)}50%{transform:translate(2%,-2%) rotate(-2deg)}75%{transform:translate(-2%,-2%) rotate(1deg)}to{transform:translate(2%,2%) rotate(-1deg)}}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:-1}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:var(--space-xl) 0}.h1{font-family:var(--font-display);font-size:clamp(3.5rem,8vw,6.5rem);font-weight:800;line-height:.95;letter-spacing:-.03em;margin-bottom:24px;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:float 6s ease-in-out infinite}.h2{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.02em;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px;display:inline-block}.text-large{font-size:1.35rem;color:var(--text-secondary);font-weight:400;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;font-family:var(--font-main);font-weight:600;font-size:1rem;border-radius:var(--radius-full);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;gap:10px;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #4f46e566;border:1px solid rgba(255,255,255,.2)}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #4f46e599;background:var(--gradient-hover)}.btn-secondary{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:#ffffffe6;border-color:#7c3aed;color:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 15px #7c3aed26}.card{background:#fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:40px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px -10px #0000000d;position:relative;overflow:hidden}.card:hover{transform:translateY(-8px) scale(1.02);border-color:#7c3aed80;box-shadow:0 20px 40px -10px #7c3aed4d;background:#fff9}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.fade-up{opacity:0;transform:translateY(40px) scale(.95);transition:all .8s cubic-bezier(.16,1,.3,1)}.fade-up.active{opacity:1;transform:translateY(0) scale(1)}.grid{display:grid;gap:32px}.grid-cols-2{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid-cols-3{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.nav-container{position:fixed;top:24px;left:0;right:0;z-index:1000;display:flex;justify-content:center;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-container.nav-hidden{transform:translateY(-150%)}.img-container{width:100%;aspect-ratio:16/10;background:#ffffff80;border-radius:16px;overflow:hidden;margin-bottom:24px;border:1px solid rgba(255,255,255,.4);background-size:cover;background-position:center;transition:transform .5s ease}.card:hover .img-container{transform:scale(1.03)}