*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--secondary-color:#8b5cf6;--accent-color:#ec4899;--text-primary:#1f2937;--text-secondary:#6b7280;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-dark:#111827;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#1f2937;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;margin:0;overflow-x:hidden;text-rendering:optimizeLegibility}.container{margin:0 auto;max-width:1200px;padding:0 20px}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.ripple{animation:ripple-animation .6s ease-out;background:#fff9;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:var(--shadow-sm);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{box-shadow:var(--shadow-md)}.nav-container{box-sizing:border-box;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 20px;width:100%}.logo,.nav-container{align-items:center;display:flex}.logo{color:var(--primary-color);font-size:1.5rem;font-weight:700;height:32px}.logo-image{display:block;height:32px;max-height:32px;object-fit:contain;width:auto}.logo-image[style*="display: none"]{display:none!important}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;display:none;font-size:1.5rem;font-weight:700}.nav-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-link{color:var(--text-primary);font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:after{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover{color:var(--primary-color)}.nav-link:hover:after{width:100%}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px}.hamburger span{background:var(--text-primary);border-radius:3px;height:3px;transition:all .3s ease;width:25px}@media (max-width:768px){.nav-menu{background:#fff;box-shadow:var(--shadow-lg);flex-direction:column;left:-100%;padding:2rem 0;position:fixed;text-align:center;top:70px;transition:.3s;width:100%}.nav-menu.active{left:0}.hamburger{display:flex}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}.hero{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff 50%,#f0f4f8);display:flex;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding-bottom:3rem;padding-top:80px;position:relative}.hero-background{overflow:hidden;z-index:0}.hero-background,.hero-background:before{bottom:0;left:0;position:absolute;right:0;top:0}.hero-background:before{animation:backgroundShift 15s ease infinite;background:radial-gradient(circle at 20% 50%,#6366f114 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf614 0,#0000 50%),radial-gradient(circle at 40% 20%,#ec48990f 0,#0000 50%);content:""}@keyframes backgroundShift{0%,to{opacity:1}50%{opacity:.8}}.gradient-orb{animation:float 25s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.4;position:absolute}.orb-1{animation-delay:0s;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));height:600px;right:-250px;top:-250px;width:600px}.orb-2{animation-delay:7s;background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));bottom:-200px;height:500px;left:-200px;width:500px}.orb-3{animation-delay:14s;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes float{0%,to{transform:translate(0) scale(1) rotate(0deg)}33%{transform:translate(40px,-40px) scale(1.15) rotate(5deg)}66%{transform:translate(-30px,30px) scale(.9) rotate(-5deg)}}.hero-content{grid-gap:5rem;align-items:center;box-sizing:border-box;display:grid;gap:5rem;grid-template-columns:1.1fr .9fr;margin:0 auto;max-width:1400px;padding:0 20px;position:relative;width:100%;z-index:1}.hero-text{animation:fadeInUp 1s ease;position:relative}.hero-title{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.welcome{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f11a;border:1px solid #6366f133;border-radius:50px;color:var(--text-secondary);display:inline-block;font-size:.9375rem;font-weight:600;letter-spacing:2px;padding:.5rem 1.25rem;text-transform:uppercase}.name,.welcome{margin-bottom:1.25rem}.name{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 50%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:4rem;font-weight:800;letter-spacing:-.5px;line-height:1.1;white-space:nowrap}.name,.role{display:block}.role{color:var(--text-primary);font-size:1.625rem;font-weight:600;line-height:1.5;margin-bottom:2rem;padding-left:1.5rem;position:relative}.role:before{background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:2px;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.hero-description{color:var(--text-secondary);font-size:1.1875rem;font-weight:400;line-height:1.9;margin-bottom:3rem;max-width:600px}.hero-actions{align-items:center;gap:2rem}.hero-actions,.hero-buttons{display:flex;flex-wrap:nowrap}.hero-buttons{gap:1rem;white-space:nowrap}.btn{border:none;border-radius:.75rem;cursor:pointer;display:inline-block;font-size:1.0625rem;font-weight:600;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn span{position:relative;z-index:1}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;box-shadow:0 4px 15px #6366f166;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #6366f180;transform:translateY(-3px)}.btn-secondary{background:#fff;border:2px solid var(--primary-color);box-shadow:0 2px 10px #0000001a;color:var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 6px 20px #6366f166;color:#fff;transform:translateY(-3px)}.social-links{gap:1rem}.social-link,.social-links{align-items:center;display:flex}.social-link{background:var(--bg-secondary);border-radius:50%;color:var(--text-primary);height:45px;justify-content:center;text-decoration:none;transition:all .3s ease;width:45px}.social-link:hover{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:var(--shadow-md);color:#fff;transform:translateY(-3px)}.hero-image{animation:fadeInRight 1.2s ease;height:650px;max-height:650px;min-height:400px}.hero-image,.portfolio-showcase{align-items:center;display:flex;justify-content:center;overflow:visible;position:relative;width:100%}.portfolio-showcase{flex-wrap:nowrap;gap:2rem;height:100%;padding:2rem 0;perspective:1000px}.showcase-image{animation:fadeInUp 1s ease backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:1.5rem;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff1a;flex-shrink:0;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.showcase-image:before{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease;z-index:1}.showcase-image:hover:before{opacity:1}.showcase-image img{display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.showcase-1{animation-delay:.2s;height:420px;transform:translateY(0) rotate(-5deg) perspective(1000px) rotateY(-5deg);width:300px}.showcase-2{animation-delay:.3s;height:480px;transform:translateY(-25px) rotate(3deg) perspective(1000px) rotateY(0deg);width:340px;z-index:2}.showcase-3{animation-delay:.4s;height:420px;transform:translateY(0) rotate(-4deg) perspective(1000px) rotateY(5deg);width:300px}.showcase-image:hover{box-shadow:0 30px 80px #6366f14d,0 0 0 1px #fff3;transform:translateY(-15px) rotate(0deg) scale(1.08) perspective(1000px) rotateY(0deg);z-index:10}.showcase-image:hover img{transform:scale(1.1)}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1440px){.hero-content{gap:3.5rem;padding:0 30px}.nav-container{padding:1rem 30px}.name{font-size:3.5rem}.hero-image{height:580px;max-height:580px}.showcase-1{height:380px;width:260px}.showcase-2{height:430px;width:300px}.showcase-3{height:380px;width:260px}}@media (max-width:1200px){.hero-content{gap:3rem;padding:0 25px}.nav-container{padding:1rem 25px}.name{font-size:3.25rem}.role{font-size:1.5rem}.hero-image{height:520px;max-height:520px}.showcase-1{height:350px;width:240px}.showcase-2{height:400px;width:280px}.showcase-3{height:350px;width:240px}.portfolio-showcase{gap:1.5rem}}@media (max-width:968px){.hero{padding-bottom:2rem}.hero-content{gap:3rem;grid-template-columns:1fr;padding:0 20px;text-align:center}.nav-container{padding:1rem 20px}.hero-text{text-align:center}.role:before{display:none}.role{padding-left:0}.welcome{margin-left:auto;margin-right:auto}.hero-image{height:450px;margin-top:2rem;max-height:450px}.portfolio-showcase{gap:1.25rem;padding:1rem 0}.showcase-1{height:320px;width:220px}.showcase-2{height:360px;width:260px}.showcase-3{height:320px;width:220px}.name{font-size:3rem}.role{font-size:1.375rem}.hero-description{font-size:1.125rem;margin-left:auto;margin-right:auto;max-width:100%}.hero-actions{align-items:center;flex-direction:column;gap:1.5rem}.hero-buttons{align-items:center;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.btn{flex:1 1;max-width:280px;min-width:160px;padding:.9375rem 2rem;text-align:center}}@media (max-width:768px){.hero-content{gap:2.5rem;padding:0 18px}.nav-container{padding:1rem 18px}.name{font-size:2.75rem}.role{font-size:1.3125rem}.hero-description{font-size:1.0625rem}.hero-image{height:400px;max-height:400px}.showcase-1{height:260px;width:180px}.showcase-2{height:310px;width:220px}.showcase-3{height:260px;width:180px}.portfolio-showcase{gap:1rem;padding:.5rem 0}}@media (max-width:480px){.hero{min-height:auto;padding-bottom:2rem;padding-top:70px}.hero-content{gap:2.5rem;padding:0 15px}.nav-container{padding:1rem 15px}.name{font-size:2.25rem;line-height:1.2}.role{font-size:1.125rem}.hero-description{font-size:1rem;line-height:1.7;margin-bottom:2rem}.welcome{font-size:.75rem;letter-spacing:1.5px;padding:.4375rem .875rem}.portfolio-showcase{flex-wrap:wrap;gap:.75rem;justify-content:center;padding:.5rem 0}.showcase-1,.showcase-3{height:200px;width:140px}.showcase-2{height:250px;width:180px}.hero-image{height:280px;max-height:280px;min-height:280px}.btn{font-size:.9375rem;max-width:100%;min-width:130px;padding:.875rem 1.5rem;width:100%}.hero-buttons{flex-direction:column;gap:.875rem;width:100%}}@media (max-width:360px){.hero-content{padding:0 12px}.nav-container{padding:1rem 12px}.name{font-size:2rem}.role{font-size:1rem}.hero-description{font-size:.9375rem}.showcase-1,.showcase-3{height:180px;width:120px}.showcase-2{height:220px;width:160px}.hero-image{height:250px;max-height:250px;min-height:250px}}.about{background:var(--bg-primary)}.about-content{margin:0 auto;max-width:900px}.about-description{color:var(--text-primary);font-size:1.25rem;font-weight:400;line-height:1.9;margin-bottom:2rem}.about-description strong{color:var(--primary-color);font-weight:600}.stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.stat-item{background:#fff;border-radius:1rem;box-shadow:var(--shadow-md);padding:2rem;text-align:center;transition:transform .3s ease}.stat-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-weight:500}@media (max-width:768px){.stats{grid-template-columns:1fr}}.projects{background:var(--bg-secondary)}.portfolio-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:3rem 0 2rem}.filter-btn{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50px;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:.75rem 2rem;position:relative;transition:all .3s ease;white-space:nowrap}.filter-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.filter-btn:hover:before{left:100%}.filter-btn:hover{background:var(--bg-secondary);box-shadow:0 4px 12px #0000001a;color:var(--text-primary)}.filter-btn.active,.filter-btn:hover{border-color:var(--primary-color);transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 4px 15px #0003,inset 0 1px 0 #fff3;color:#fff}.filter-btn.active:hover{box-shadow:0 6px 20px #0000004d,inset 0 1px 0 #fff3;transform:translateY(-3px)}.projects-list{display:flex;flex-direction:column;gap:6rem;margin-top:2rem}.project-item{grid-gap:3rem;align-items:center;animation:fadeInUp .8s ease backwards;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.project-item.left-image,.project-item.right-image{grid-template-columns:1fr 1fr}.project-item.right-image{direction:rtl}.project-item.right-image>*{direction:ltr}.iphone-mockup{align-items:center;display:flex;justify-content:center;padding:20px;perspective:1000px}.iphone-frame{background:#1d1d1f;border-radius:50px;box-shadow:0 30px 80px #0006,inset 0 0 0 1px #ffffff1a;height:600px;overflow:hidden;padding:8px;position:relative;transform:rotateY(-5deg) rotateX(2deg);transition:transform .4s ease;width:300px}.iphone-frame:hover{transform:rotateY(0deg) rotateX(0deg) scale(1.02)}.iphone-notch{background:#1d1d1f;border-radius:0 0 22px 22px;height:32px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:160px;z-index:10}.iphone-screen{background:#000;border-radius:40px;clip-path:inset(0 round 40px);-webkit-clip-path:inset(0 round 40px);contain:layout style paint;display:block;height:100%;isolation:isolate;overflow:hidden;position:relative;width:100%}.iphone-screen:after{border-radius:40px;bottom:0;box-shadow:inset 0 0 0 1px #0000004d;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:30}.iphone-screen>*{box-sizing:border-box;max-width:100%;position:relative}.iphone-home-indicator{background:#ffffff4d;border-radius:3px;bottom:10px;height:5px;left:50%;position:absolute;transform:translateX(-50%);width:140px;z-index:10}.macbook-mockup{align-items:center;display:flex;justify-content:center;padding:20px;perspective:1000px}.macbook-frame{max-width:700px;position:relative;transform:rotateY(5deg) rotateX(-2deg);transition:transform .4s ease;width:100%}.macbook-frame:hover{transform:rotateY(0deg) rotateX(0deg) scale(1.02)}.macbook-screen{background:#0d0d0d;border-radius:12px 12px 0 0;box-shadow:0 0 0 1px #ffffff1a;padding:8px}.macbook-bezel{background:#1d1d1f;border-radius:8px;padding:8px;position:relative}.macbook-camera{background:#0d0d0d;border-radius:3px;height:6px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:60px;z-index:10}.macbook-display{aspect-ratio:16/10;background:#000;border-radius:4px;display:flex;flex-direction:column;image-rendering:-webkit-optimize-contrast;image-rendering:auto;overflow:hidden;position:relative}.web-browser-bar{align-items:center;background:#2d2d2d;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;padding:8px 12px}.browser-dots{display:flex;gap:6px}.browser-dots .dot-red{background:#ff5f57;border-radius:50%;height:12px;width:12px}.browser-dots .dot-yellow{background:#ffbd2e;border-radius:50%;height:12px;width:12px}.browser-dots .dot-green{background:#28ca42;border-radius:50%;height:12px;width:12px}.browser-url{background:#ffffff1a;border-radius:4px;color:#ffffffb3;flex:1 1;font-size:.75rem;padding:4px 12px;text-align:center}.web-screen{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative;width:100%}.macbook-base{background:linear-gradient(180deg,#e8e8e8,#d0d0d0);border-radius:0 0 4px 4px;box-shadow:0 2px 4px #0000001a;height:4px;margin-top:2px;position:relative}.image-carousel{-ms-overflow-style:none;background:#000;border-radius:40px;clip-path:inset(0 round 40px);-webkit-clip-path:inset(0 round 40px);contain:layout style paint;display:block;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;transform:translateZ(0);-webkit-transform:translateZ(0);z-index:1}.image-carousel,.macbook-display .image-carousel{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.macbook-display .image-carousel{border-radius:0;clip-path:none;-webkit-clip-path:none;contain:none;max-height:100%;overflow-x:hidden!important;overflow-y:auto!important}.iphone-screen .image-carousel img{border-radius:0!important;clip-path:inset(0)!important;-webkit-clip-path:inset(0)!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.iphone-screen .carousel-btn{left:8px!important;max-width:calc(100% - 16px);right:auto!important}.iphone-screen .carousel-btn.carousel-next{left:auto!important;right:8px!important}.iphone-screen .image-indicators{left:50%!important;max-width:calc(100% - 32px);transform:translateX(-50%)!important}.image-carousel::-webkit-scrollbar{display:none}.image-carousel img{animation:fadeIn .2s ease-in-out;border-radius:0;box-sizing:border-box;display:block;height:auto;margin:0;max-width:100%;opacity:1;overflow:hidden;padding:0;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.macbook-display .image-carousel img{height:auto;min-height:100%}.project-img{-ms-interpolation-mode:nearest-neighbor;background:#000;border-radius:0;clip-path:inset(0);-webkit-clip-path:inset(0);display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;margin:0;max-width:100%;overflow:hidden;padding:0;transition:opacity .2s ease-in-out,transform .2s ease-in-out;will-change:opacity,transform}.project-img,.web-screen .project-img{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:auto;min-height:100%;object-fit:contain;object-position:top center;width:100%}.web-screen .project-img{-ms-interpolation-mode:bicubic;image-rendering:auto;transform:translateZ(0);-webkit-transform:translateZ(0)}.project-placeholder{background:var(--bg-secondary);font-size:3rem;height:100%;opacity:.5;width:100%}.carousel-btn,.project-placeholder{align-items:center;color:var(--primary-color);display:flex;justify-content:center}.carousel-btn{background:#fffffff2;border:none;border-radius:50%;box-shadow:var(--shadow-lg);cursor:pointer;font-size:.875rem;height:40px;pointer-events:auto;position:absolute;top:50%;touch-action:manipulation;transform:translateY(-50%);transition:all .2s ease;user-select:none;-webkit-user-select:none;width:40px;z-index:20}.carousel-btn:hover{background:#fff;box-shadow:var(--shadow-xl);transform:translateY(-50%) scale(1.1)}.carousel-prev{left:8px}.carousel-next{right:8px}.image-indicators{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:25px;bottom:15px;display:flex;gap:10px;left:50%;padding:8px 16px;pointer-events:auto;position:absolute;transform:translateX(-50%);z-index:20}.page-indicator{color:#fff;font-size:.75rem;font-weight:600;margin-right:4px;white-space:nowrap}.image-indicators .indicator{background:#fff6;border-radius:50%;cursor:pointer;flex-shrink:0;height:8px;transition:all .3s ease;width:8px}.image-indicators .indicator.active{background:#fff;border-radius:4px;width:24px}.image-indicators .indicator:hover{background:#ffffffb3}.project-content-wrapper{align-items:center;display:flex}.project-content{width:100%}.project-header-with-logo{align-items:center;display:flex;gap:1.5rem;margin-bottom:1.5rem}.project-logo{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-md);display:flex;flex-shrink:0;height:100px;justify-content:center;min-height:100px;min-width:100px;opacity:1;overflow:hidden;padding:8px;position:relative;visibility:visible;width:100px;z-index:1}.project-logo img{border-radius:.5rem;display:block;height:100%;max-height:100%;max-width:100%;object-fit:contain;opacity:1;visibility:visible;width:100%}.project-title{color:var(--text-primary);flex:1 1;font-size:2.25rem;font-weight:700;line-height:1.2;margin:0}.project-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin-bottom:2rem}.project-tech{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem}.tech-tag{background:#fff;border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:.875rem;font-weight:600;padding:.5rem 1rem}.app-buttons{display:flex;flex-wrap:wrap;gap:1rem}.app-btn{align-items:center;border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 4px 15px #0003,0 2px 8px #00000026;color:#fff;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.875rem;min-width:160px;overflow:hidden;padding:1rem 1.75rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.app-btn:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.app-btn:hover:before{left:100%}.android-btn{background:linear-gradient(135deg,#0f9d58,#0a8043 50%,#0d5c2f);box-shadow:0 6px 20px #0f9d5866,0 2px 8px #0003,inset 0 1px 0 #fff3}.android-btn:hover{background:linear-gradient(135deg,#10b068,#0f9d58 50%,#0a8043);box-shadow:0 10px 30px #0f9d5880,0 4px 12px #0000004d,inset 0 1px 0 #ffffff4d;transform:translateY(-4px) scale(1.02)}.android-btn:active{transform:translateY(-2px) scale(1)}.ios-btn{background:linear-gradient(135deg,#f5f5f7,#fff 50%,#e8e8ed);border:1px solid #0000001a;box-shadow:0 6px 20px #00000026,0 2px 8px #0000001a,inset 0 1px 0 #fffc,inset 0 -1px 0 #0000000d;color:#1d1d1f}.ios-btn:hover{background:linear-gradient(135deg,#fff,#f5f5f7 50%,#e8e8ed);border-color:#00000026;box-shadow:0 10px 30px #0003,0 4px 12px #00000026,inset 0 1px 0 #fff,inset 0 -1px 0 #00000014;color:#000;transform:translateY(-4px) scale(1.02)}.ios-btn:active{transform:translateY(-2px) scale(1)}.website-btn{animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 50%,var(--primary-color) 100%);background-size:200% 200%;border:1px solid #fff3;box-shadow:0 6px 20px #6366f166,0 2px 8px #0003,inset 0 1px 0 #ffffff40,inset 0 -1px 0 #0000001a;justify-content:center;max-width:300px;overflow:hidden;position:relative;width:100%}.website-btn:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.website-btn:hover:after{left:100%}.website-btn:hover{background:linear-gradient(135deg,var(--secondary-color) 0,var(--primary-color) 50%,var(--secondary-color) 100%);border-color:#ffffff4d;box-shadow:0 10px 30px #6366f180,0 4px 12px #0000004d,inset 0 1px 0 #ffffff59,inset 0 -1px 0 #00000026;transform:translateY(-4px) scale(1.02)}.website-btn:active{transform:translateY(-2px) scale(1)}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.app-btn i{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem;position:relative;transition:transform .3s ease;z-index:1}.app-btn:hover i{transform:scale(1.1)}.app-btn span{line-height:1.4;position:relative;text-align:left;white-space:nowrap;z-index:1}.android-btn span,.website-btn span{text-shadow:0 1px 2px #0003}.ios-btn span{text-shadow:none}.app-btn span strong{font-size:.9375rem;font-weight:700;letter-spacing:.3px}@media (max-width:968px){.project-item{gap:3rem;grid-template-columns:1fr!important}.project-item,.project-item.right-image,.project-item.right-image>*{direction:ltr!important}.project-image-wrapper{order:1}.project-content-wrapper{order:2}.iphone-frame{height:500px;transform:none;width:250px}.macbook-frame{max-width:100%;transform:none}.macbook-display{aspect-ratio:16/10}.web-screen{height:300px}}@media (max-width:768px){.portfolio-filters{gap:.75rem;margin:2rem 0 1.5rem}.filter-btn{font-size:.9rem;padding:.625rem 1.5rem}.projects-list{gap:4rem}.project-title{font-size:1.75rem}.project-header-with-logo{align-items:flex-start;flex-direction:column;gap:1rem}.project-logo{height:90px;padding:6px;width:90px}.project-description{font-size:1rem}.app-buttons{flex-direction:column}.app-btn{max-width:100%;width:100%}.iphone-frame{height:480px;padding:6px;width:240px}.iphone-screen,.iphone-screen .image-carousel{border-radius:34px;clip-path:inset(0 round 34px);-webkit-clip-path:inset(0 round 34px)}.macbook-frame{transform:none}.carousel-btn{font-size:.875rem;height:40px;width:40px}.image-indicators{bottom:15px;padding:6px 12px}}@media (max-width:480px){.iphone-frame{height:400px;width:200px}.iphone-notch{height:25px;width:120px}.web-screen{height:250px}.project-title{font-size:1.5rem}.project-logo{height:80px;padding:5px;width:80px}.macbook-base{height:16px}.macbook-trackpad{height:60px;width:100px}}.testimonials{background:var(--bg-primary);padding:5rem 0}.testimonials-grid{-webkit-overflow-scrolling:touch;display:flex;gap:2rem;margin-top:3rem;overflow-x:auto;overflow-y:hidden;padding-bottom:1rem;scroll-behavior:smooth;scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin}.testimonials-grid::-webkit-scrollbar{height:8px}.testimonials-grid::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.testimonials-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:10px}.testimonials-grid::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.testimonial-card{align-items:stretch;animation:fadeInUp .6s ease backwards;background:#fff;border-radius:1.5rem;box-shadow:var(--shadow-md);display:flex;flex:0 0 420px;flex-direction:column;height:auto;max-width:420px;min-width:420px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.testimonial-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.testimonial-card:hover:before{transform:scaleX(1)}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.testimonial-video{display:flex;flex-direction:column;gap:1.5rem}.video-wrapper{background:#000;border-radius:1rem;box-shadow:0 4px 15px #0003;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.testimonial-iframe{border:none;border-radius:1rem;height:100%;left:0;position:absolute;top:0;width:100%}.testimonial-text-only{display:flex;flex:1 1;flex-direction:column;margin-top:0;padding:0 0 1rem;position:relative}.quote-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;box-shadow:0 4px 15px #6366f14d;color:#fff;display:flex;font-size:1.25rem;height:50px;justify-content:center;left:0;position:absolute;top:.5rem;width:50px;z-index:1}.testimonial-text{color:var(--text-primary);flex:1 1;font-size:1.0625rem;line-height:1.8;margin:0;padding-left:3.5rem;position:relative;z-index:0}.testimonial-video .testimonial-text{margin-top:.5rem;padding-left:0}.testimonial-text-block{display:flex;flex-direction:column;gap:1rem}.testimonial-toggle{align-items:center;align-self:flex-start;background:none;border:none;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:.35rem;margin-top:.35rem;padding:0}.testimonial-toggle:hover{color:var(--secondary-color);text-decoration:underline}.testimonial-footer{border-top:1px solid var(--border-color);justify-content:space-between;margin-top:auto;min-height:auto;padding-top:1.5rem;width:100%}.client-info,.testimonial-footer{align-items:flex-start;display:flex;gap:1rem;overflow:visible}.client-info{flex:1 1;min-width:0}.client-avatar,.client-image{border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;height:50px;object-fit:cover;width:50px}.client-avatar{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:1.25rem;justify-content:center}.client-avatar,.client-details{align-items:center;display:flex}.client-details{flex:1 1;flex-wrap:wrap;gap:.25rem;line-height:1.4;min-width:0;overflow:visible}.client-name{color:var(--text-primary);display:inline-block;flex-shrink:0;font-size:1.0625rem;font-weight:600;margin:0;overflow:visible;white-space:nowrap}.client-separator{color:var(--text-secondary);flex-shrink:0;font-size:1rem;margin:0 .25rem}.client-role{color:var(--text-secondary);display:inline-block;flex:1 1;font-size:.875rem;margin:0;min-width:0;overflow:visible;white-space:normal;word-break:break-word}.video-badge{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;box-shadow:0 4px 10px #6366f14d;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:968px){.testimonial-card{flex:0 0 350px;max-width:350px;min-width:350px;padding:1.75rem}}@media (max-width:768px){.testimonial-card{flex:0 0 320px;max-width:320px;min-width:320px;padding:1.5rem}.quote-icon{font-size:1.125rem;height:45px;width:45px}.testimonial-text{font-size:1rem;padding-left:3rem}.testimonial-text-only{padding:0 0 1rem}.client-name{font-size:1rem}.client-role{font-size:.8125rem}}@media (max-width:480px){.testimonials{padding:3rem 0}.testimonial-card{flex:0 0 280px;max-width:280px;min-width:280px;padding:1.25rem}.client-info{gap:.75rem}.client-avatar,.client-image{font-size:1.125rem;height:45px;width:45px}}.skills{background:var(--bg-secondary)}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.skill-category{background:#fff;border-radius:1rem;box-shadow:var(--shadow-md);padding:2rem;transition:transform .3s ease}.skill-category:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.skill-category-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.skill-items{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.skill-item{align-items:center;background:var(--bg-secondary);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.skill-item:hover{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;transform:scale(1.05)}.skill-item i{color:var(--primary-color);font-size:2rem;transition:color .3s ease}.skill-item:hover i{color:#fff}.flutter-icon{color:var(--primary-color);height:2rem;transition:color .3s ease;width:2rem}.skill-item:hover .flutter-icon{color:#fff}.firebase-icon{color:var(--primary-color);height:2rem;transition:color .3s ease;width:2rem}.skill-item:hover .firebase-icon{color:#fff}.skill-item span{font-size:.875rem;font-weight:500}@media (max-width:768px){.skills-grid{grid-template-columns:1fr}}@media (max-width:480px){.skill-items{grid-template-columns:1fr}}.contact-content{grid-gap:2.5rem;align-items:stretch;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.contact-email-section{align-items:stretch;display:flex;height:100%}.email-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:1.5rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:3rem;position:relative;text-align:center;transition:all .3s ease;width:100%}.email-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.email-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.email-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;box-shadow:0 8px 20px #6366f14d;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease;width:80px}.email-card:hover .email-icon-wrapper{transform:scale(1.1) rotate(5deg)}.email-content{align-items:center;display:flex;flex-direction:column;width:100%}.email-label{color:var(--text-secondary);font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}.email-address{color:var(--primary-color);display:block;font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-decoration:none;transition:color .3s ease;word-break:break-all}.email-address:hover{color:var(--secondary-color);text-decoration:underline}.email-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.contact-meeting-section{align-items:stretch;display:flex;height:100%}.meeting-card{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:1.5rem;box-shadow:0 10px 30px #6366f14d;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:3rem;position:relative;text-align:center;transition:all .3s ease;width:100%}.meeting-card:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}.meeting-card:hover{box-shadow:0 15px 40px #6366f166;transform:translateY(-5px)}.meeting-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:2rem;height:80px;justify-content:center;margin-bottom:1.5rem;position:relative;transition:transform .3s ease;width:80px;z-index:1}.meeting-card:hover .meeting-icon-wrapper{background:#ffffff4d;transform:scale(1.1) rotate(-5deg)}.meeting-title{flex-shrink:0;font-size:1.75rem;font-weight:700;margin-bottom:.75rem;position:relative;z-index:1}.meeting-description{flex-grow:1;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.95;position:relative;z-index:1}.btn-email{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:.75rem;box-shadow:0 4px 15px #6366f14d;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.625rem;height:48px;justify-content:center;max-width:220px;min-width:160px;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease;white-space:nowrap;width:100%}.btn-email:hover{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.btn-email:active{transform:translateY(0)}.btn-email i:first-child{font-size:1rem}.btn-email i:last-child{font-size:.875rem;transition:transform .3s ease}.btn-email:hover i:last-child{transform:translateX(5px)}.btn-book-meeting{align-items:center;background:#fff;border:none;border-radius:.75rem;box-shadow:0 4px 15px #0003;box-sizing:border-box;color:var(--primary-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.625rem;height:48px;justify-content:center;max-width:220px;min-width:160px;padding:.875rem 2rem;position:relative;transition:all .3s ease;white-space:nowrap;width:100%;z-index:1}.btn-book-meeting:hover{background:#f8f9fa;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.btn-book-meeting:active{transform:translateY(0)}.btn-book-meeting i:first-child{font-size:1rem}.btn-book-meeting i:last-child{font-size:.875rem;transition:transform .3s ease}.btn-book-meeting:hover i:last-child{transform:translateX(5px)}.contact-upwork-section{align-items:stretch;display:flex;height:100%}.upwork-card{align-items:center;background:linear-gradient(135deg,#14a800,#0d7a00);border-radius:1.5rem;box-shadow:0 10px 30px #14a8004d;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:3rem;position:relative;text-align:center;transition:all .3s ease;width:100%}.upwork-card:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.upwork-card:hover{box-shadow:0 15px 40px #14a80066;transform:translateY(-5px)}.upwork-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:2.5rem;height:80px;justify-content:center;margin-bottom:1.5rem;position:relative;transition:transform .3s ease;width:80px;z-index:1}.upwork-card:hover .upwork-icon-wrapper{background:#ffffff4d;transform:scale(1.1) rotate(5deg)}.upwork-content{align-items:center;display:flex;flex-direction:column;position:relative;width:100%;z-index:1}.upwork-label{flex-shrink:0;font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.upwork-description{flex-grow:1;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.95}.btn-upwork{align-items:center;background:#fff;border:none;border-radius:.75rem;box-shadow:0 4px 15px #0003;box-sizing:border-box;color:#14a800;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.625rem;height:48px;justify-content:center;max-width:220px;min-width:160px;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease;white-space:nowrap;width:100%}.btn-upwork:hover{background:#f8f9fa;box-shadow:0 6px 20px #0000004d;color:#0d7a00;transform:translateY(-2px)}.btn-upwork:active{transform:translateY(0)}.btn-upwork i:first-child{font-size:1rem}.btn-upwork i:last-child{font-size:.875rem;transition:transform .3s ease}.btn-upwork:hover i:last-child{transform:translateX(5px) translateY(-2px)}@media (max-width:1200px){.contact-content{gap:2.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:968px){.contact-content{gap:2rem;grid-template-columns:1fr}.email-card,.meeting-card,.upwork-card{padding:2.5rem 2rem}.email-address{font-size:1.25rem}.meeting-title,.upwork-label{font-size:1.5rem}}@media (max-width:480px){.email-card,.meeting-card,.upwork-card{padding:2rem 1.5rem}.email-icon-wrapper,.meeting-icon-wrapper,.upwork-icon-wrapper{font-size:1.75rem;height:70px;width:70px}.upwork-icon-wrapper{font-size:2rem}.email-address{font-size:1.125rem}.btn-book-meeting,.btn-email,.btn-upwork{font-size:.9rem;height:44px;max-width:200px;min-width:140px;padding:.75rem 1.5rem}}.footer{background:var(--bg-dark);color:#fff;padding:2rem 0}.footer-content{align-items:center;display:flex;justify-content:space-between}.footer-social{display:flex;gap:1rem}.footer-social .social-link{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;height:45px;justify-content:center;text-decoration:none;transition:all .3s ease;width:45px}.footer-social .social-link:hover{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:var(--shadow-md);transform:translateY(-3px)}@media (max-width:768px){.footer-content{flex-direction:column;gap:1rem;text-align:center}}.App{text-align:left}section{padding:5rem 0;position:relative}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;text-align:center}.section-subtitle{color:var(--text-secondary);font-size:1.125rem;font-weight:400;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}@media (max-width:768px){.section-title{font-size:2rem}.section-subtitle{font-size:1rem;padding:0 1rem}}
/*# sourceMappingURL=main.c0e8c5fd.css.map*/