@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--color-bg: #030303;--color-bg-secondary: #08080a;--color-bg-tertiary: #0c0c0e;--color-text-primary: #f4f4f5;--color-text-secondary: #a1a1aa;--color-text-muted: #52525b;--color-border: #141416;--color-border-glow: #222226;--color-primary: #10b981;--color-primary-rgb: 16, 185, 129;--color-secondary: #06b6d4;--color-secondary-rgb: 6, 182, 212;--color-primary-glow: rgba(16, 185, 129, .15);--color-secondary-glow: rgba(6, 182, 212, .15);--gradient-main: linear-gradient(135deg, #06b6d4, #10b981);--gradient-text: linear-gradient(135deg, #f4f4f5, #a1a1aa);--gradient-accent: linear-gradient(135deg, #06b6d4 0%, #10b981 50%, #6366f1 100%);--gradient-card-glow: radial-gradient(600px circle at var(--mouse-x, 0) var(--mouse-y, 0), rgba(6, 182, 212, .06), transparent 40%);--font-main: "Inter", system-ui, -apple-system, sans-serif;--spacing-sm: 1rem;--spacing-md: 2rem;--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--glass-bg: rgba(8, 8, 10, .65);--glass-border: rgba(255, 255, 255, .04);--glass-blur: blur(20px);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:#10b9814d;color:#fff}h1,h2,h3,h4,h5,h6{font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;font-weight:700;line-height:1.15;margin-bottom:var(--spacing-sm);letter-spacing:-.02em}h1{font-size:clamp(3rem,6vw,4.5rem);font-weight:800}h2{font-size:clamp(2rem,4vw,2.75rem);color:var(--color-text-primary)}h3{font-size:clamp(1.25rem,2vw,1.75rem)}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:var(--transition-fast)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#030303}::-webkit-scrollbar-thumb{background:#1f1f23;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#2f2f36}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section-tag{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;margin-bottom:.75rem}.gradient-text{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;margin-top:3rem}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--border-radius-md);padding:2rem;position:relative;overflow:hidden;transition:border var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal)}.glass-card:before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at var(--mouse-x, 0) var(--mouse-y, 0),rgba(255,255,255,.04),transparent 40%);pointer-events:none;z-index:1}.glass-card:hover{border-color:#06b6d440;transform:translateY(-2px);box-shadow:0 12px 30px -10px #000000b3,0 0 20px -5px #06b6d41a}.btn-premium{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.8rem;border-radius:9999px;font-weight:600;font-size:.9rem;background:#fff;color:#000;border:1px solid #ffffff;cursor:pointer;box-shadow:0 4px 12px #ffffff1a;transition:all var(--transition-fast)}.btn-premium:hover{background:transparent;color:#fff;box-shadow:0 4px 20px var(--color-primary-glow);border-color:var(--color-primary);transform:translateY(-1px)}.btn-premium-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.8rem;border-radius:9999px;font-weight:600;font-size:.9rem;background:transparent;color:#fff;border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.btn-premium-secondary:hover{background:#ffffff08;border-color:var(--color-text-secondary);transform:translateY(-1px)}.tech-grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.007) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.007) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.download-arrow{display:inline-block;max-width:0;opacity:0;overflow:hidden;transition:max-width var(--transition-fast),opacity var(--transition-fast),margin-left var(--transition-fast);font-weight:800}.btn-premium:hover .download-arrow{max-width:20px;opacity:1;margin-left:.4rem}@media(max-width:768px){.navContainer{width:fit-content!important;max-width:90%!important}nav{padding:.8rem 2rem!important;justify-content:center!important;gap:2rem!important}#home>div{grid-template-columns:1fr!important;text-align:center!important;gap:3rem!important;padding-top:2rem!important}#home .title{font-size:2.2rem!important;line-height:1.2!important}#home p{font-size:1rem!important;margin:0 auto 2rem!important;max-width:100%!important}#home .image-wrapper{order:-1;margin-bottom:1rem}#home .profile-image{width:250px!important;height:250px!important}#home .stats{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2rem!important;margin-top:2rem!important}#recent-work>div>div,#case-studies>div>div{display:flex!important;flex-direction:column-reverse!important;direction:ltr!important;gap:1.5rem!important;margin-bottom:4rem!important;text-align:left!important}#recent-work .content,#case-studies .content{padding:0!important}#recent-work .image-container,#case-studies .image-container{width:100%!important;height:220px!important}h3{font-size:1.5rem!important}section{padding:4rem 1.5rem!important}section h2{font-size:2rem!important;margin-bottom:2rem!important}#testimonials .grid{grid-template-columns:1fr!important;gap:1.5rem!important}#contact form{width:100%!important;padding:1.5rem!important}.modal-content{padding:1.5rem!important}.modal-image-wrapper{height:200px!important}.modal-image{height:100%!important}a{font-size:1.1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeReveal{0%{opacity:0;clip-path:inset(40% 0 40% 0)}to{opacity:1;clip-path:inset(0% 0 0% 0)}}@keyframes floatNode{0%{transform:translateY(0) scale(1) rotate(0);opacity:.12}50%{transform:translateY(-15px) scale(1.08) rotate(180deg);opacity:.22}to{transform:translateY(0) scale(1) rotate(360deg);opacity:.12}}@keyframes orbit{0%{transform:rotate(0) translate(40px) rotate(0)}to{transform:rotate(360deg) translate(40px) rotate(-360deg)}}@keyframes orbitReverse{0%{transform:rotate(360deg) translate(55px) rotate(-360deg)}to{transform:rotate(0) translate(55px) rotate(0)}}@keyframes pulseGlow{0%,to{opacity:.4;filter:drop-shadow(0 0 2px var(--color-primary-glow))}50%{opacity:.8;filter:drop-shadow(0 0 8px var(--color-primary))}}@keyframes borderReveal{0%{width:0%}to{width:100%}}.animate-fade-in{animation:fadeIn 1s cubic-bezier(.16,1,.3,1) forwards}.animate-reveal{animation:fadeReveal 1.2s cubic-bezier(.16,1,.3,1) forwards}.animate-pulse-glow{animation:pulseGlow 3s ease-in-out infinite}.animate-float-node{animation:floatNode 8s ease-in-out infinite}.animate-delay-1{animation-delay:.15s}.animate-delay-2{animation-delay:.3s}.animate-delay-3{animation-delay:.45s}.animate-delay-4{animation-delay:.6s}.orbiting-node-1{animation:orbit 15s linear infinite}.orbiting-node-2{animation:orbitReverse 20s linear infinite}