body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}a,code{color:var(--primary-500)}code,mark{border-radius:var(--radius-sm)}b,body,h1,h2,h3,h4,h5,h6,mark,pre,strong{color:var(--text-primary)}h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin-bottom:var(--space-4)}ol.inline,ol.unstyled,ul.inline,ul.unstyled{padding-left:0;list-style:none}figcaption,small{color:var(--text-tertiary)}.bg-primary,body{background-color:var(--bg-primary)}:root{--primary-50:#e6f0ff;--primary-100:#b4d0ff;--primary-200:#82b0ff;--primary-300:#5090ff;--primary-400:#1e70ff;--primary-500:#0052e0;--primary-600:#0042b3;--primary-700:#003386;--primary-800:#002359;--primary-900:#00142c;--accent-500:#7c3aed;--accent-600:#6d28d9;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--bg-primary:#0a0a0a;--bg-secondary:#111111;--bg-tertiary:#1a1a1a;--bg-accent:#1f1f1f;--text-primary:#ffffff;--text-secondary:#a0a0a0;--text-tertiary:#6b6b6b;--text-inverse:#0a0a0a;--border-light:#2a2a2a;--border-medium:#3a3a3a;--border-heavy:#4a4a4a;--surface-1:#111111;--surface-2:#1a1a1a;--surface-3:#222222;--overlay-light:rgba(255, 255, 255, 0.05);--overlay-medium:rgba(255, 255, 255, 0.1);--overlay-heavy:rgba(255, 255, 255, 0.15);--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-secondary:'Clash Display','Poppins',sans-serif;--font-mono:'Fira Code','Courier New',monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--font-thin:100;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--space-0:0;--space-px:1px;--space-0_5:0.125rem;--space-1:0.25rem;--space-1_5:0.375rem;--space-2:0.5rem;--space-2_5:0.625rem;--space-3:0.75rem;--space-3_5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0, 0, 0, 0.5);--shadow-sm:0 1px 3px 0 rgba(0, 0, 0, 0.5),0 1px 2px -1px rgba(0, 0, 0, 0.5);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.5),0 2px 4px -2px rgba(0, 0, 0, 0.5);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.5),0 4px 6px -4px rgba(0, 0, 0, 0.5);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.5),0 8px 10px -6px rgba(0, 0, 0, 0.5);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.5);--shadow-inner:inset 0 2px 4px 0 rgba(0, 0, 0, 0.5);--shadow-primary:0 20px 30px -10px rgba(0, 82, 224, 0.4);--shadow-accent:0 20px 30px -10px rgba(124, 58, 237, 0.4);--blur-none:0;--blur-sm:4px;--blur-base:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--transition-none:none;--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:350ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slower:500ms cubic-bezier(0.4, 0, 0.2, 1);--ease-linear:cubic-bezier(0, 0, 1, 1);--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--z-negative:-1;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-auto:auto;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800}[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--bg-accent:#eeeeee;--text-primary:#0a0a0a;--text-secondary:#404040;--text-tertiary:#737373;--text-inverse:#ffffff;--border-light:#e5e5e5;--border-medium:#d4d4d4;--border-heavy:#a3a3a3;--surface-1:#fafafa;--surface-2:#f5f5f5;--surface-3:#eeeeee;--overlay-light:rgba(0, 0, 0, 0.02);--overlay-medium:rgba(0, 0, 0, 0.05);--overlay-heavy:rgba(0, 0, 0, 0.1);--shadow-xs:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-sm:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px -1px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -4px rgba(0, 0, 0, 0.1);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 8px 10px -6px rgba(0, 0, 0, 0.1);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-inner:inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);--shadow-primary:0 20px 30px -10px rgba(0, 82, 224, 0.2);--shadow-accent:0 20px 30px -10px rgba(124, 58, 237, 0.2)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);transition:background-color var(--transition-slow),color var(--transition-slow),border-color var(--transition-slow);overflow-x:hidden;overflow-y:auto}.section-title,b,h1,h2,h3,h4,h5,h6,strong{font-weight:var(--font-bold)}body::selection{background:var(--primary-500);color:var(--white)}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);line-height:var(--leading-tight)}.text-5xl,h1{font-size:var(--text-5xl)}@media (min-width:768px){h1{font-size:var(--text-6xl)}}.text-4xl,h2{font-size:var(--text-4xl)}.text-3xl,h3{font-size:var(--text-3xl)}.text-2xl,h4{font-size:var(--text-2xl)}.text-xl,h5{font-size:var(--text-xl)}.text-lg,h6{font-size:var(--text-lg)}p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}code,figcaption,kbd,pre,samp,small{font-size:var(--text-sm)}.about .about-content .about-text p:last-child,.mb-0,ol li:last-child,ol.inline li,ol.unstyled li,p:last-child,ul li:last-child,ul.inline li,ul.unstyled li{margin-bottom:0}a{text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-600)}a:focus,button:focus{outline:2px solid var(--primary-300);outline-offset:2px}em,i{font-style:italic}mark{background:var(--primary-100);padding:0 var(--space-1)}code,pre{background:var(--bg-tertiary)}code,kbd,pre,samp{font-family:var(--font-mono)}code{padding:var(--space-1) var(--space-2)}pre{padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto}.section-subtitle,ol,ul{color:var(--text-secondary)}pre code{background:0 0;padding:0;color:inherit}ol,ul{padding-left:var(--space-6)}ol li,ul li{margin-bottom:var(--space-2)}ul{list-style-type:disc}ol{list-style-type:decimal}ol.inline,ul.inline{display:flex;flex-wrap:wrap;gap:var(--space-4)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}.container-fluid{width:100%;padding:0 var(--space-4)}@media (min-width:640px){.container,.container-fluid{padding:0 var(--space-6)}}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}section{padding:var(--space-16) 0}@media (min-width:768px){h2{font-size:var(--text-5xl)}section{padding:var(--space-20) 0}}@media (min-width:1024px){h1{font-size:var(--text-7xl)}.container,.container-fluid{padding:0 var(--space-8)}section{padding:var(--space-24) 0}}.section-sm{padding:var(--space-12) 0}.section-lg{padding:var(--space-20) 0}.section-title{font-size:var(--text-4xl);margin-bottom:var(--space-4);position:relative;display:inline-block}.section-title::after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:var(--gradient-1);border-radius:var(--radius-full)}.hero .hero-content .hero-title .highlight,.loader .loader-text{background:linear-gradient(135deg,var(--primary-500),var(--accent-500))}.section-title.center{display:block;text-align:center}.section-title.center::after{left:50%;transform:translateX(-50%)}.section-subtitle{font-size:var(--text-lg);margin-bottom:var(--space-8);max-width:600px}.section-subtitle.center{margin-left:auto;margin-right:auto;text-align:center}img{max-width:100%;height:auto;display:block}figure{margin:0 0 var(--space-4) 0}figcaption{margin-top:var(--space-2)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:0 0}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{line-height:inherit}.text-left{text-align:left}.about-stats .stats-grid .stat-item,.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.contact .contact-info .info-card a:hover,.contact .contact-info .info-card p:hover,.text-brand{color:var(--primary-500)}.text-accent{color:var(--accent-500)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-brand{background-color:var(--primary-500)}.bg-accent{background-color:var(--accent-500)}.bg-gradient{background:var(--gradient-1)}.font-thin{font-weight:var(--font-thin)}.font-light{font-weight:var(--font-light)}.font-regular{font-weight:var(--font-regular)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold,.loader .loader-text{font-weight:var(--font-bold)}.font-black{font-weight:var(--font-black)}.text-xs{font-size:var(--text-xs)}.loader .loader-text,.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-6xl{font-size:var(--text-6xl)}.text-7xl{font-size:var(--text-7xl)}.m-0{margin:0}.mt-0{margin-top:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.p-0{padding:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.hidden{display:none}.visible{display:block}.invisible{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) var(--ease-out)}.animate-slide-up{animation:slideUp var(--transition-slow) var(--ease-out)}.animate-slide-down{animation:slideDown var(--transition-slow) var(--ease-out)}.animate-slide-left{animation:slideLeft var(--transition-slow) var(--ease-out)}.animate-slide-right{animation:slideRight var(--transition-slow) var(--ease-out)}.show-desktop,.show-mobile{display:none!important}@media (max-width:767px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (min-width:768px){.section-lg{padding:var(--space-24) 0}.hide-desktop{display:none!important}.show-desktop{display:block!important}}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--primary-500);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}a{color:#000!important;text-decoration:underline}}.loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s,visibility .5s}.loader-wrapper.fade-out{opacity:0;visibility:hidden}.loader{position:relative;width:80px;height:80px}.loader .loader-circle{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:var(--primary-500);border-right-color:var(--accent-500);border-bottom-color:var(--primary-500);border-left-color:var(--accent-500);border-radius:50%;animation:1.2s linear infinite loader-spin}.loader .loader-circle-2{position:absolute;width:60px;height:60px;top:10px;left:10px;border:4px solid transparent;border-top-color:var(--accent-500);border-right-color:var(--primary-500);border-bottom-color:var(--accent-500);border-left-color:var(--primary-500);border-radius:50%;animation:1.5s linear infinite loader-spin-reverse}.loader .loader-text{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);font-family:var(--font-secondary);letter-spacing:2px;-webkit-background-clip:text;white-space:nowrap}.loader .loader-text span{animation:1.4s infinite loader-dots;opacity:0}.loader .loader-text span:first-child{animation-delay:0s}.loader .loader-text span:nth-child(2){animation-delay:.2s}.loader .loader-text span:nth-child(3){animation-delay:.4s}@keyframes loader-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes loader-spin-reverse{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}@keyframes loader-dots{0%,100%{opacity:0}50%{opacity:1}}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:0 0;transition:.3s;padding:1.2rem 0}.header.scrolled{background:var(--bg-primary);backdrop-filter:blur(10px);box-shadow:0 5px 20px rgba(0,0,0,.1);padding:.8rem 0;border-bottom:1px solid var(--border-light)}.header .container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.header .navbar{display:flex;align-items:center;justify-content:space-between;width:100%}.header .navbar .logo{flex:0 0 auto}.header .navbar .logo a{display:flex;align-items:center;gap:.5rem;text-decoration:none}.header .navbar .logo a .logo-text{font-family:"Clash Display",sans-serif;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text}.header .navbar .logo a .logo-dot{width:8px;height:8px;background:#8b5cf6;border-radius:50%;animation:2s infinite pulse}.header .navbar .nav-menu{display:flex;gap:2.5rem;margin:0;padding:0;list-style:none;flex:1 1 auto;justify-content:center}.header .navbar .nav-menu .nav-link{color:var(--text-primary);font-weight:500;font-size:1rem;padding:.5rem;position:relative;text-decoration:none;transition:color .3s}.header .navbar .nav-menu .nav-link::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .3s}.header .navbar .nav-menu .nav-link.active,.header .navbar .nav-menu .nav-link:hover{color:#6366f1}.header .navbar .nav-menu .nav-link.active::after,.header .navbar .nav-menu .nav-link:hover::after{width:100%}.header .navbar .nav-right{display:flex;align-items:center;gap:1rem;flex:0 0 auto}.header .navbar .nav-right .theme-toggle{width:42px;height:42px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.header .navbar .nav-right .theme-toggle i{font-size:1.3rem;color:var(--text-primary);transition:.3s}.header .navbar .nav-right .theme-toggle:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.header .navbar .nav-right .theme-toggle:hover i{color:#fff;transform:rotate(180deg)}.header .navbar .nav-right .menu-toggle{display:none;width:42px;height:42px;flex-direction:column;justify-content:center;gap:6px;cursor:pointer;z-index:1000}.header .navbar .nav-right .menu-toggle span{width:100%;height:2px;background:var(--text-primary);transition:.3s;transform-origin:left}.header .navbar .nav-right .menu-toggle.active span:first-child{transform:rotate(45deg)}.header .navbar .nav-right .menu-toggle.active span:nth-child(2){opacity:0}.header .navbar .nav-right .menu-toggle.active span:last-child{transform:rotate(-45deg)}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:6rem 0}.hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 70% 50%,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(circle at 30% 70%,rgba(139,92,246,.15) 0,transparent 50%);z-index:0;animation:8s ease-in-out infinite bgPulse}.about .about-image .image-wrapper,.about .container,.hero .container,.hero .hero-image .image-wrapper,.portfolio .container,.services .container{position:relative;z-index:2}.hero .container{width:100%}.about .about-grid,.hero .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero .hero-content .hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));color:var(--primary-500);font-size:.9rem;font-weight:600;padding:.6rem 1.5rem;border-radius:50px;margin-bottom:2rem;border:1px solid rgba(99,102,241,.2);backdrop-filter:blur(10px);animation:.6s fadeInUp}.hero .hero-content .hero-badge i{font-size:.9rem}.hero .hero-content .hero-title{font-family:var(--font-secondary);font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;line-height:1.2;margin-bottom:1.2rem;color:var(--text-primary)}.hero .hero-content .hero-title:first-of-type,.service-card:nth-child(2){animation:.6s .2s both fadeInUp}.hero .hero-content .hero-title:last-of-type{animation:.6s .3s both fadeInUp;margin-bottom:1.5rem}.hero .hero-content .hero-title .highlight{-webkit-background-clip:text;position:relative;display:inline-block}.hero .hero-content .hero-cta .btn-primary,.hero .hero-content .hero-social a:hover,.hero .hero-content .hero-title .highlight::after{background:linear-gradient(135deg,var(--primary-500),var(--accent-500))}.hero .hero-content .hero-title .highlight::after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:8px;opacity:.2;border-radius:10px;z-index:-1}.hero .hero-content .typed{color:var(--primary-500);font-weight:700;position:relative}.hero .hero-content .typed::after{content:"|";animation:1s infinite blink;margin-left:2px}.hero .hero-content .hero-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:550px;line-height:1.7}.hero .hero-content .hero-cta{display:flex;gap:1rem;margin-bottom:3rem}@media (max-width:992px){.hero .hero-grid{grid-template-columns:1fr;gap:3rem;text-align:center}.hero .hero-content .hero-subtitle{margin-left:auto;margin-right:auto}.hero .hero-content .hero-cta,.hero .hero-content .hero-social{justify-content:center}}.hero .hero-content .hero-cta .btn{padding:1rem 2.5rem;border-radius:50px;font-weight:600;font-size:1rem;transition:.3s;cursor:pointer;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:.8rem;position:relative;overflow:hidden;z-index:1}.hero .hero-content .hero-cta .btn i{font-size:1rem;transition:transform .3s}.hero .hero-content .hero-cta .btn:hover i{transform:translateX(3px)}.hero .hero-content .hero-cta .btn-primary{color:#fff;box-shadow:0 10px 20px -5px rgba(99,102,241,.4)}.hero .hero-content .hero-cta .btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px -5px rgba(99,102,241,.6)}.about .about-content .about-cta .btn-outline,.hero .hero-content .hero-cta .btn-outline{background:0 0;border:2px solid var(--primary-500);color:var(--primary-500)}.about .about-content .about-cta .btn-outline:hover,.hero .hero-content .hero-cta .btn-outline:hover{background:linear-gradient(135deg,var(--primary-500),var(--accent-500));border-color:transparent;color:#fff;transform:translateY(-3px)}.about .about-content .about-cta,.hero .hero-content .hero-social{display:flex;gap:1rem}.hero .hero-content .hero-social a{width:45px;height:45px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:1.2rem;transition:.3s;text-decoration:none}.hero .hero-content .hero-social a:hover{color:#fff;transform:translateY(-3px) scale(1.1);border-color:transparent}.hero .hero-image{position:relative;animation:.8s .4s both fadeInRight}.hero .hero-image .image-wrapper img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center 30%;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:0 30px 50px -20px rgba(0,0,0,.5);border:4px solid rgba(255,255,255,.1);background:var(--bg-tertiary);transition:.5s;animation:10s ease-in-out infinite morphImage}.about .about-image .image-wrapper img:hover,.hero .hero-image .image-wrapper img:hover{transform:scale(1.02);border-color:var(--primary-500)}.hero .hero-image .shape{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;z-index:1}.hero .hero-image .shape-1{background:linear-gradient(135deg,var(--primary-500),transparent);opacity:.15;transform:scale(1.08);filter:blur(8px);animation:12s ease-in-out infinite reverse morphShape}.hero .hero-image .shape-2{background:linear-gradient(135deg,var(--accent-500),transparent);opacity:.12;transform:scale(1.12);filter:blur(12px);animation:14s ease-in-out infinite morphShape}.hero .hero-image .shape-3{background:radial-gradient(circle at 30% 50%,var(--primary-500),transparent 70%);opacity:.1;transform:scale(1.16);filter:blur(16px);animation:16s ease-in-out infinite reverse morphShape}.hero .hero-image .floating-icon{position:absolute;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 30px rgba(0,0,0,.2);border:1px solid var(--border-light);backdrop-filter:blur(10px);z-index:3}.hero .hero-image .floating-icon i{background:linear-gradient(135deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text}.hero .hero-image .floating-icon.icon-1{width:60px;height:60px;top:5%;right:0;font-size:1.8rem;animation:6s ease-in-out infinite floatIcon}.hero .hero-image .floating-icon.icon-2{width:50px;height:50px;bottom:10%;left:-10px;font-size:1.5rem;animation:7s ease-in-out .5s infinite floatIcon}.hero .hero-image .floating-icon.icon-3{width:45px;height:45px;top:40%;right:-15px;font-size:1.3rem;animation:8s ease-in-out 1s infinite floatIcon}@media (max-width:1200px){.hero .hero-image .floating-icon.icon-1{width:50px;height:50px;font-size:1.5rem;right:-10px}.hero .hero-image .floating-icon.icon-2{width:45px;height:45px;font-size:1.3rem;left:-5px}.hero .hero-image .floating-icon.icon-3{width:40px;height:40px;font-size:1.2rem;right:-10px}}.hero .scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-tertiary);font-size:.8rem;letter-spacing:2px;z-index:10;animation:1s 1s both fadeInUp;cursor:pointer}.about::before,.portfolio::before{opacity:.03;z-index:0;filter:blur(60px);content:""}.hero .scroll-indicator .mouse{width:26px;height:40px;border:2px solid var(--text-tertiary);border-radius:20px;position:relative}.hero .scroll-indicator .mouse::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:4px;height:8px;background:var(--primary-500);border-radius:2px;animation:2s ease-in-out infinite scrollWheel}.hero .scroll-indicator span{font-size:.7rem;text-transform:uppercase;font-weight:500}@keyframes morphImage{0%,100%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:40% 60% 60% 40%/40% 40% 60% 60%}50%{border-radius:50%}75%{border-radius:60% 40% 40% 60%/60% 60% 40% 40%}}@keyframes morphShape{0%,100%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:scale(1.08)}33%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:scale(1.12)}66%{border-radius:40% 60% 70% 30%/40% 40% 60% 60%;transform:scale(1.1)}}@keyframes floatIcon{0%,100%,50%{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(5deg)}75%{transform:translateY(10px) rotate(-5deg)}}@keyframes bgPulse{0%,100%{opacity:.5}50%{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scrollWheel{0%,100%{opacity:1;transform:translateX(-50%) translateY(0)}50%{opacity:0;transform:translateX(-50%) translateY(15px)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.about,.services{padding:8rem 0;position:relative;overflow:hidden;background:var(--bg-primary)}.about::before{position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,var(--primary-500) 0,transparent 70%);border-radius:50%}.about .about-image,.portfolio{position:relative}.about .section-header,.portfolio .section-header,.services .section-header{text-align:center;margin-bottom:4rem}.about .section-header .section-subtitle,.portfolio .section-header .section-subtitle,.services .section-header .section-subtitle{color:var(--primary-500);font-size:1rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin-bottom:1rem;display:block}.about .section-header .section-title,.portfolio .section-header .section-title,.services .section-header .section-title{font-family:var(--font-secondary);font-size:clamp(2rem, 4vw, 2.8rem);font-weight:700;color:var(--text-primary);margin-bottom:1rem;position:relative;display:inline-block}.about .section-header .section-title::after,.portfolio .section-header .section-title::after,.services .section-header .section-title::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--accent-500));border-radius:4px}.about .about-content .about-cta .btn-primary,.about .about-content .skills .skill-tags .skill-tag:hover,.about .about-image .image-wrapper .experience-badge,.about-stats .stats-grid .stat-item .stat-number{background:linear-gradient(135deg,var(--primary-500),var(--accent-500))}.about .section-header .section-description,.portfolio .section-header .section-description,.services .section-header .section-description{max-width:600px;margin:2rem auto 0;color:var(--text-secondary);font-size:1.1rem;line-height:1.7}.about .about-image .image-wrapper img{width:100%;height:auto;border-radius:20px;box-shadow:0 30px 50px -20px rgba(0,0,0,.3);border:4px solid var(--bg-secondary);transition:.3s}.about .about-image .image-wrapper .experience-badge{position:absolute;bottom:-20px;right:-20px;color:#fff;padding:1.5rem;border-radius:20px;text-align:center;box-shadow:0 20px 30px -10px rgba(99,102,241,.4);z-index:3}.about .about-image .image-wrapper .experience-badge .number{font-size:2.5rem;font-weight:700;line-height:1;font-family:var(--font-secondary)}.about .about-image .image-wrapper .experience-badge .text{font-size:.9rem;font-weight:500;margin-top:.3rem;white-space:nowrap}.about .about-image .shape-dots{position:absolute;top:-20px;left:-20px;width:150px;height:150px;background-image:radial-gradient(var(--primary-500) 2px,transparent 2px);background-size:20px 20px;opacity:.2;z-index:1;animation:30s linear infinite rotateSlow}.portfolio .portfolio-item .portfolio-overlay,.portfolio-modal{top:0;width:100%;opacity:0;visibility:hidden;height:100%;left:0}.about .about-content .about-text,.about .about-content .skills{margin-bottom:2.5rem}.about .about-content .about-text h3{font-family:var(--font-secondary);font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.about .about-content .about-text p{color:var(--text-secondary);font-size:1rem;line-height:1.8;margin-bottom:1rem}.about .about-content .personal-info{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem}.about .about-content .personal-info .info-item .info-title{font-size:.9rem;color:var(--text-tertiary);margin-bottom:.3rem}.about .about-content .personal-info .info-item .info-value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.about .about-content .personal-info .info-item .info-value a{color:var(--primary-500);text-decoration:none}.about .about-content .personal-info .info-item .info-value a:hover{text-decoration:underline}.about .about-content .skills h4,.contact .contact-form h3{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.about .about-content .skills .skill-tags{display:flex;flex-wrap:wrap;gap:1rem}.about .about-content .skills .skill-tags .skill-tag{padding:.6rem 1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:50px;color:var(--text-primary);font-size:.9rem;font-weight:500;transition:.3s;cursor:default}.about .about-content .skills .skill-tags .skill-tag:hover{color:#fff;border-color:transparent;transform:translateY(-2px)}.about .about-content .about-cta .btn{padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;transition:.3s;cursor:pointer;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.about .about-content .about-cta .btn i{font-size:1rem}.about .about-content .about-cta .btn-primary{color:#fff;box-shadow:0 10px 20px -5px rgba(99,102,241,.3)}.about .about-content .about-cta .btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px -5px rgba(99,102,241,.5)}.about-stats{padding:4rem 0 0;margin-top:4rem;border-top:1px solid var(--border-light)}.about-stats .stats-grid,.services .workflow .workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media (max-width:768px){.header .navbar .nav-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--bg-secondary);flex-direction:column;justify-content:center;gap:2rem;transition:.3s;box-shadow:-5px 0 30px rgba(0,0,0,.2);z-index:999}.header .navbar .nav-menu.active{right:0}.header .navbar .nav-menu .nav-link{font-size:1.2rem}.header .navbar .nav-right .menu-toggle{display:flex}.about-stats .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero .hero-content .hero-cta{flex-direction:column;align-items:center}.about .about-content .personal-info,.about-stats .stats-grid{grid-template-columns:1fr}.about .about-content .about-cta{flex-direction:column}}.about-stats .stats-grid .stat-item .stat-number{font-size:3rem;font-weight:700;font-family:var(--font-secondary);-webkit-background-clip:text;line-height:1;margin-bottom:.5rem}.about-stats .stats-grid .stat-item .stat-label{color:var(--text-secondary);font-size:1rem;font-weight:500}@keyframes rotateSlow{from{transform:rotate(0)}to{transform:rotate(360deg)}}.portfolio{padding:8rem 0;overflow:hidden;background:var(--bg-secondary)}.portfolio::before{position:absolute;bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,var(--accent-500) 0,transparent 70%);border-radius:50%}.portfolio .portfolio-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.portfolio .portfolio-filter .filter-btn{padding:.8rem 2rem;background:0 0;border:2px solid var(--border-light);border-radius:50px;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:.3s}.portfolio .portfolio-filter .filter-btn:hover{border-color:var(--primary-500);color:var(--primary-500)}.portfolio .portfolio-filter .filter-btn.active,.portfolio .portfolio-more .btn-load:hover{background:linear-gradient(135deg,var(--primary-500),var(--accent-500));border-color:transparent;color:#fff;box-shadow:0 10px 20px -5px rgba(99,102,241,.3)}.portfolio .portfolio-grid,.services .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.portfolio .portfolio-item{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;animation:.6s both fadeInUp}.portfolio .portfolio-item:hover .portfolio-image img{transform:scale(1.1)}.portfolio .portfolio-item:hover .portfolio-overlay,.portfolio-modal.active{opacity:1;visibility:visible}.contact .contact-form .btn-submit:active,.portfolio .portfolio-item:hover .portfolio-overlay .overlay-content{transform:translateY(0)}.portfolio .portfolio-item .portfolio-image{position:relative;overflow:hidden;aspect-ratio:4/3}.portfolio .portfolio-item .portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.portfolio .portfolio-item .portfolio-overlay{position:absolute;background:linear-gradient(135deg,rgba(99,102,241,.95),rgba(139,92,246,.95));display:flex;align-items:center;justify-content:center;transition:.4s}.portfolio .portfolio-item .portfolio-overlay .overlay-content{text-align:center;color:#fff;padding:2rem;transform:translateY(20px);transition:transform .4s}.portfolio .portfolio-item .portfolio-overlay .overlay-content .portfolio-category{font-size:.9rem;font-weight:500;margin-bottom:.5rem;letter-spacing:2px;text-transform:uppercase;opacity:.8}.portfolio .portfolio-item .portfolio-overlay .overlay-content .portfolio-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;font-family:var(--font-secondary)}.portfolio .portfolio-item .portfolio-overlay .overlay-content .portfolio-links{display:flex;justify-content:center;gap:1rem}.portfolio .portfolio-item .portfolio-overlay .overlay-content .portfolio-links a{width:45px;height:45px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;transition:.3s;text-decoration:none}.portfolio .portfolio-item .portfolio-overlay .overlay-content .portfolio-links a:hover{background:#fff;color:var(--primary-500);transform:translateY(-3px)}.portfolio .portfolio-more{text-align:center;margin-top:4rem}.portfolio .portfolio-more .btn-load{padding:1rem 3rem;background:0 0;border:2px solid var(--primary-500);border-radius:50px;color:var(--primary-500);font-size:1rem;font-weight:600;cursor:pointer;transition:.3s;display:inline-flex;align-items:center;gap:.8rem}.portfolio .portfolio-more .btn-load i{transition:transform .3s}.contact .contact-form .btn-submit:hover i,.portfolio .portfolio-more .btn-load:hover i,.services .service-card:hover .service-link i{transform:translateX(5px)}.portfolio-modal{position:fixed;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;transition:.3s}.portfolio-modal.active .modal-content{transform:scale(1)}.portfolio-modal .modal-content{background:var(--bg-primary);max-width:800px;width:90%;border-radius:20px;overflow:hidden;transform:scale(.9);transition:transform .3s}.portfolio-modal .modal-content .modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;z-index:10}.portfolio-modal .modal-content .modal-close:hover{background:var(--danger);color:#fff;border-color:transparent}.services .service-card .service-icon i,.services .service-card::before,.services .service-card:hover .service-icon{background:linear-gradient(135deg,var(--primary-500),var(--accent-500))}.portfolio-modal .modal-content .modal-body{padding:2rem}.services::before{content:"";position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,var(--primary-500) 0,transparent 70%);opacity:.03;border-radius:50%;filter:blur(60px);z-index:0}.services .service-card{background:var(--bg-secondary);border-radius:20px;padding:2.5rem 2rem;position:relative;overflow:hidden;transition:.3s;border:1px solid var(--border-light)}.services .service-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:0%;opacity:.05;transition:height .4s;z-index:0}.services .service-card:hover{transform:translateY(-10px);border-color:var(--primary-500);box-shadow:0 20px 40px -15px rgba(99,102,241,.3)}.services .service-card:hover::before{height:100%}.services .service-card:hover .service-icon{color:#fff;transform:scale(1.1) rotate(5deg)}.services .service-card:hover .service-icon i{color:#fff}.services .service-card:hover .service-link{color:var(--primary-500);gap:1rem}.services .service-card .service-icon{width:70px;height:70px;background:var(--bg-tertiary);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary-500);margin-bottom:2rem;transition:.3s;position:relative;z-index:1}.services .service-card .service-icon i{-webkit-background-clip:text;transition:.3s}.services .service-card .service-content{position:relative;z-index:1}.services .service-card .service-content .service-title{font-family:var(--font-secondary);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.services .service-card .service-content .service-description{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.services .service-card .service-content .service-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-tertiary);font-weight:500;text-decoration:none;transition:.3s}.contact .contact-form .btn-submit i,.services .service-card .service-content .service-link i{font-size:.9rem;transition:transform .3s}.services .service-card .card-number{position:absolute;bottom:1rem;right:1.5rem;font-size:4rem;font-weight:700;color:var(--border-light);opacity:.3;z-index:0}.services .workflow{margin-top:6rem}.contact .section-header,.services .workflow .workflow-header{text-align:center;margin-bottom:3rem}.services .workflow .workflow-header h3{font-family:var(--font-secondary);font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.services .workflow .workflow-header p{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.services .workflow .workflow-step{text-align:center;position:relative}.services .workflow .workflow-step:not(:last-child)::after{content:"";position:absolute;top:30px;right:-20px;width:40px;height:2px;background:linear-gradient(90deg,var(--primary-500),transparent)}.contact .contact-info .info-card .info-icon i,.contact .contact-info .info-card:hover .info-icon,.services .workflow .workflow-step .step-number{background:linear-gradient(135deg,var(--primary-500),var(--accent-500))}.services .workflow .workflow-step .step-number{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;margin:0 auto 1.5rem}.services .workflow .workflow-step .step-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:.8rem}.services .workflow .workflow-step .step-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.service-card:first-child{animation:.6s .1s both fadeInUp}.service-card:nth-child(3){animation:.6s .3s both fadeInUp}.service-card:nth-child(4){animation:.6s .4s both fadeInUp}.service-card:nth-child(5){animation:.6s .5s both fadeInUp}.service-card:nth-child(6){animation:.6s .6s both fadeInUp}.contact{padding:5rem 0 3rem;background:var(--bg-secondary)}.contact .section-header .section-subtitle{color:var(--primary-500);font-size:.9rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin-bottom:.5rem;display:block}.contact .section-header .section-title{font-family:var(--font-secondary);font-size:2.5rem;font-weight:700;color:var(--text-primary);position:relative;display:inline-block}.contact .section-header .section-title::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:70px;height:3px;background:linear-gradient(90deg,var(--primary-500),var(--accent-500));border-radius:3px}.contact .contact-wrapper{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;background:var(--bg-primary);border-radius:20px;padding:2rem;box-shadow:0 10px 30px -15px rgba(0,0,0,.2);border:1px solid var(--border-light)}@media (max-width:992px){.hero .hero-image{max-width:400px;margin:0 auto}.about .about-grid{grid-template-columns:1fr;gap:3rem}.about .about-image{max-width:500px;margin:0 auto}.portfolio .portfolio-grid,.services .services-grid,.services .workflow .workflow-grid{grid-template-columns:repeat(2,1fr)}.services .workflow .workflow-step:not(:last-child)::after{display:none}.contact .contact-wrapper{grid-template-columns:1fr}}.contact .contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact .contact-info .info-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact .contact-info .info-card{background:var(--bg-secondary);padding:1.2rem;border-radius:12px;border:1px solid var(--border-light);transition:.3s}.contact .contact-info .info-card:hover{border-color:var(--primary-500);transform:translateY(-3px)}.contact .contact-info .info-card:hover .info-icon i{color:#fff;-webkit-text-fill-color:white}.contact .contact-info .info-card .info-icon{width:40px;height:40px;background:var(--bg-tertiary);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:.3s}.contact .contact-info .info-card .info-icon i{font-size:1.1rem;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:.3s}.contact .contact-info .info-card h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.contact .contact-info .info-card a,.contact .contact-info .info-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;text-decoration:none;display:block;word-break:break-word}.contact .contact-form{background:var(--bg-secondary);padding:1.8rem;border-radius:16px}.contact .contact-form .form-group{margin-bottom:1rem}.contact .contact-form .form-group input,.contact .contact-form .form-group textarea{width:100%;padding:.8rem 1rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:10px;color:var(--text-primary);font-size:.9rem;transition:.3s}.contact .contact-form .form-group input::placeholder,.contact .contact-form .form-group textarea::placeholder{color:var(--text-tertiary)}.contact .contact-form .btn-submit,.footer .footer-brand .social a:hover{color:#fff;background:linear-gradient(135deg,var(--primary-500),var(--accent-500))}.contact .contact-form .form-group input:focus,.contact .contact-form .form-group textarea:focus{outline:0;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.contact .contact-form .form-group textarea{min-height:100px;resize:vertical}.contact .contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.contact .contact-form .btn-submit{width:100%;padding:.9rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:.3s;margin-top:1rem}.contact .contact-form .btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px rgba(99,102,241,.4)}.footer{background:var(--bg-primary);padding:3rem 0 1.5rem;border-top:2px solid var(--border-light);position:relative}.footer .footer-content{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:2rem;margin-bottom:2.5rem}@media (max-width:768px){.portfolio .portfolio-item .portfolio-overlay .overlay-content .portfolio-title{font-size:1.2rem}.footer .footer-content{grid-template-columns:1fr;gap:2rem}}.footer .footer-brand .logo{font-family:var(--font-secondary);font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;margin-bottom:1rem;display:inline-block}.footer .footer-brand p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:1.2rem}.footer .footer-brand .social{display:flex;gap:.8rem}.footer .footer-brand .social a{width:36px;height:36px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:.3s}.footer .footer-brand .social a:hover{transform:translateY(-3px)}.footer .footer-contact h4,.footer .footer-links h4{font-size:1.1rem;color:var(--text-primary);margin-bottom:1.2rem;position:relative}.footer .footer-contact h4::after,.footer .footer-links h4::after{content:"";position:absolute;bottom:-5px;left:0;width:30px;height:2px;background:linear-gradient(90deg,var(--primary-500),var(--accent-500))}.footer .footer-links ul{list-style:none;padding:0}.footer .footer-links ul li{margin-bottom:.6rem}.footer .footer-links ul li a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:.3s}.footer .footer-links ul li a:hover{color:var(--primary-500);padding-left:5px}.footer .footer-contact .contact-item{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.footer .footer-contact .contact-item i{width:32px;height:32px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--primary-500)}.footer .footer-contact .contact-item a,.footer .footer-contact .contact-item span{color:var(--text-secondary);font-size:.9rem;text-decoration:none}.footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border-light)}@media (max-width:576px){.about .about-image .image-wrapper .experience-badge{padding:1rem;bottom:-10px;right:-10px}.about .about-image .image-wrapper .experience-badge .number{font-size:2rem}.about .about-image .image-wrapper .experience-badge .text{font-size:.8rem}.portfolio .portfolio-grid,.services .services-grid,.services .workflow .workflow-grid{grid-template-columns:1fr}.contact .contact-form,.contact .contact-wrapper{padding:1.5rem}.contact .contact-form .form-row,.contact .contact-info .info-row{grid-template-columns:1fr;gap:1rem}.footer .footer-bottom{flex-direction:column;gap:.8rem;text-align:center}}.footer .footer-bottom .copyright,.footer .footer-bottom .designer-credit{color:var(--text-tertiary);font-size:.85rem}.footer .footer-bottom .designer-credit .designer-name{background:linear-gradient(135deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;font-weight:600}.footer .footer-bottom .designer-credit i{color:#ff4d4d;animation:1.5s infinite heartbeat}@keyframes heartbeat{0%,100%,50%{transform:scale(1)}25%,75%{transform:scale(1.1)}}