@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg: #ffffff;--color-bg-secondary: #f4f4f5;--color-text-primary: #18181b;--color-text-secondary: #52525b;--color-border: #e4e4e7;--color-primary: #4ade80;--color-primary-dark: #22c55e;--color-primary-glow: rgba(74, 222, 128, .4);--gradient-main: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));--font-main: "Inter", system-ui, -apple-system, sans-serif;--spacing-sm: 1rem;--border-radius-sm: 8px;--border-radius-md: 12px;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .05);--glass-blur: blur(12px);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-bg: #0a0a0a;--color-bg-secondary: #111111;--color-text-primary: #ffffff;--color-text-secondary: #a1a1aa;--color-border: #27272a;--glass-bg: rgba(20, 20, 20, .8);--glass-border: rgba(255, 255, 255, .08)}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}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:3.5rem}h2{font-size:2.5rem;color:var(--color-primary)}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}button{cursor:pointer;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@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(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 10px var(--color-primary-glow)}50%{box-shadow:0 0 20px var(--color-primary),0 0 30px var(--color-secondary)}to{box-shadow:0 0 10px var(--color-primary-glow)}}@keyframes drift{0%{transform:translate(0) rotate(0)}33%{transform:translate(30px,-50px) rotate(10deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-float{animation:float 6s ease-in-out infinite}.animate-delay-1{animation-delay:.2s}.animate-delay-2{animation-delay:.4s}.animate-delay-3{animation-delay:.6s}
