@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.left-1\/2{left:50%}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.object-cover{object-fit:cover}.text-center{text-align:center}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-25{opacity:.25}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--background:#000;--foreground:#fff0;--primary:#3b82f6;--primary-dark:#2563eb;--secondary:#64748b;--accent:#f59e0b;--success:#10b981;--surface:#1a1a1a;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-secondary:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-accent:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--gradient-dark:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0f0f0f 100%);--gradient-light:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 50%,#1a1a1a 100%)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";margin:0;padding:0;overflow-x:hidden!important}html{scroll-behavior:smooth;width:100vw;max-width:100vw;font-size:16px;overflow-x:hidden!important}body{color:var(--foreground);background:var(--background);width:100vw;max-width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;position:relative;overflow-x:hidden!important}a,a:hover{text-decoration:none!important}a:focus{outline:none;text-decoration:none!important}a:visited,a:active{text-decoration:none!important}.project-card,.project-card:hover,.project-card:focus,.project-card:visited,.project-card:active,.project-title,.project-description,.tech-tag,.project-card *,.project-card p,.project-card h1,.project-card h2,.project-card h3,.project-card h4,.project-card h5,.project-card h6,.project-card span,.project-card div,.project-content,.project-content *,.project-content p,.project-content h3,.project-content span,.project-content div,.projects-section a,.projects-section a *,.projects-section .project-card,.projects-section .project-card *{border-bottom:none!important;text-decoration:none!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important;text-decoration:none!important}:hover,:focus,:visited,:active{text-decoration:none!important}html,body{width:100vw;max-width:100vw;position:relative;overflow-x:hidden!important}div,section,article,main,header,footer,nav,aside,form,ul,ol,li{max-width:100%;overflow-x:hidden!important}img,video,iframe,canvas,svg{max-width:100%;height:auto;overflow-x:hidden!important}p,h1,h2,h3,h4,h5,h6,span,a{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}table{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}pre,code{white-space:pre-wrap;word-wrap:break-word;max-width:100%;overflow-x:auto}button,input,textarea,select{max-width:100%;overflow-x:hidden}.flex,.grid{overflow-x:hidden!important}[style*="position: absolute"],[style*=position\:fixed]{max-width:100vw;overflow-x:hidden!important}::-webkit-scrollbar:vertical{width:0!important;display:none!important}::-webkit-scrollbar:horizontal{height:0!important;display:none!important}html{scroll-behavior:smooth!important;overflow:-moz-scrollbars-none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{display:none!important}::-webkit-scrollbar-track{display:none!important}::-webkit-scrollbar-thumb{display:none!important}::-webkit-scrollbar-corner{display:none!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}@media screen and (max-width:768px){html,body{width:100vw;max-width:100vw;overflow-x:hidden!important}*{max-width:100%;overflow-x:hidden!important}img,video,iframe,canvas,svg{max-width:100vw!important;height:auto!important}.hero-content{max-width:100vw!important;padding:0 1rem!important}.skills-grid,.projects-grid{max-width:100vw!important;padding:0 .5rem!important}.contact-container{max-width:100vw!important;padding:0 1rem!important}}@media screen and (max-width:1024px){.hero-image-container{width:min(500px,90vw)!important;height:min(500px,90vw)!important}}@media screen and (max-width:480px){.hero-image-container{width:min(300px,80vw)!important;height:min(300px,80vw)!important}.hero-title{font-size:clamp(2rem,12vw,3rem)!important}.skills-grid,.projects-grid{grid-template-columns:1fr!important;gap:1rem!important}}.text-display{letter-spacing:-.04em;font-feature-settings:"ss01","ss02";font-size:clamp(4rem,12vw,10rem);font-weight:900;line-height:.85}.text-heading-1{letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.text-heading-2{letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2}.text-heading-3{letter-spacing:-.01em;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.3}.text-body-large{color:#374151;font-size:1.25rem;font-weight:400;line-height:1.7}.text-body{color:#6b7280;font-size:1rem;font-weight:400;line-height:1.6}.text-body-small{color:#9ca3af;font-size:.875rem;font-weight:400;line-height:1.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #3b82f699}}.animate-fadeInUp{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.animate-fadeInDown{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeInDown}.animate-fadeInLeft{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeInLeft}.animate-fadeInRight{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeInRight}.animate-scaleIn{animation:.6s cubic-bezier(.4,0,.2,1) forwards scaleIn}.animate-slideUp{animation:.8s cubic-bezier(.4,0,.2,1) forwards slideInUp}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-glow{animation:2s ease-in-out infinite glow}.btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);box-shadow:0 4px 20px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f680}.btn-secondary{color:var(--foreground);background:#fff;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.card{background:#fff;border:1px solid #0000000d;border-radius:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026}.card-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1.5rem;padding:2rem}.gradient-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.gradient-secondary{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.gradient-accent{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.gradient-success{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.gradient-warning{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.text-gradient{background:linear-gradient(135deg,var(--primary)0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);-webkit-background-clip:text;background-clip:text}.shadow-soft{box-shadow:0 4px 20px #00000014}.shadow-medium{box-shadow:0 8px 30px #0000001f}.shadow-strong{box-shadow:0 20px 60px #00000026}.shadow-glow{box-shadow:0 0 40px #3b82f64d}.shadow-glow-purple{box-shadow:0 0 40px #9333ea4d}.hover-lift{transition:all .4s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026}.hover-scale{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-glow:hover{box-shadow:0 0 30px #3b82f680}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary)0%,#8b5cf6 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark)0%,#7c3aed 100%)}.section-padding{padding:6rem 2rem}@media (max-width:768px){.section-padding{padding:4rem 1rem}.text-display{font-size:clamp(3rem,15vw,6rem)}}.loading{position:relative;overflow:hidden}.loading:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:1.5s infinite loading;position:absolute;top:0;left:-100%}@keyframes loading{0%{left:-100%}to{left:100%}}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.text-crisp{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.about-section{background:#000;padding:6rem 2rem;position:relative;overflow:hidden}.about-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 30%,#3b82f608 0%,#0000 50%),radial-gradient(circle at 30% 70%,#9333ea08 0%,#0000 50%);position:absolute;inset:0}.about-container{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid;position:relative}.about-content{padding:2rem}.about-label{color:#3b82f6;text-transform:uppercase;letter-spacing:.1em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:.875rem;font-weight:600;display:inline-block}.about-title{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#e5e7eb 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.about-description{color:#9ca3af;margin-bottom:2rem;font-size:1.25rem;line-height:1.7}.about-features{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.about-feature{align-items:flex-start;gap:1rem;display:flex}.about-feature-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 4px 15px #3b82f633}.about-feature-content{flex:1}.about-feature-title{color:#fff;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.about-feature-description{color:#9ca3af;font-size:1rem;line-height:1.6}.about-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 20px #3b82f64d}.about-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f680}.about-visual{flex-direction:column;justify-content:center;align-items:center;min-height:500px;padding-bottom:4rem;display:flex;position:relative}.about-image-container{border-radius:2rem;width:400px;height:400px;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000026}.about-image{object-fit:cover;object-position:center 15%;width:100%;height:100%;transition:transform .5s}.about-image-container:hover .about-image{transform:scale(1.05)}.about-image-container.adjust-top .about-image{object-position:center top}.about-image-container.adjust-bottom .about-image{object-position:center bottom}.about-image-container.adjust-left .about-image{object-position:left center}.about-image-container.adjust-right .about-image{object-position:right center}.about-image-container.custom-position .about-image{object-position:40% 30%;transform:scale(1.1)}.about-image-container.face-focus .about-image{object-position:center 25%;transform:scale(1.15)}.about-image-overlay{mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(135deg,#3b82f61a 0%,#9333ea1a 100%);position:absolute;inset:0}.about-stats{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#1a1a1afc;border:1px solid #ffffff1a;border-radius:1.5rem;gap:3rem;min-width:480px;padding:2rem;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #00000080}.about-stat{text-align:center;flex:1}.about-stat:last-child{min-width:125px}.about-stat-number{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800;line-height:1}.about-stat-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}@media (max-width:1024px){.about-container{text-align:center;grid-template-columns:1fr;gap:3rem}.about-content{padding:1rem}.about-features{align-items:center}.about-visual{padding-bottom:3rem}.about-image-container{width:350px;height:350px;margin-bottom:1.5rem}.about-stats{gap:2rem;min-width:280px;padding:1.5rem;bottom:0}}@media (max-width:768px){.about-visual{padding-bottom:2rem}.about-image-container{width:300px;height:300px;margin-bottom:1rem}.about-stats{flex-direction:column;gap:1.5rem;width:90%;min-width:auto;max-width:300px;margin:0 auto;position:relative;bottom:auto;left:auto;transform:none}}.about-title{font-size:clamp(2rem,8vw,3rem)}.about-description{font-size:1.125rem}.skills-section{background:#000;margin:0 -2rem;padding:6rem 2rem;position:relative}.skills-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#3b82f60d 0%,#0000 50%),radial-gradient(circle at 20% 80%,#9333ea0d 0%,#0000 50%);position:absolute;inset:0}.skills-header{text-align:center;z-index:10;margin-bottom:5rem;position:relative}.skills-title{letter-spacing:-.02em;color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#e5e7eb 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.skills-description{color:#9ca3af;max-width:36rem;margin:0 auto;font-size:1.25rem;font-weight:400;line-height:1.7}.skills-grid{z-index:10;grid-template-columns:repeat(1,1fr);gap:2.5rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;position:relative}@media (min-width:768px){.skills-grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 2rem}}@media (min-width:1024px){.skills-grid{grid-template-columns:repeat(3,1fr);gap:2rem;padding:0 2rem}}@media (min-width:1280px){.skills-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:0 2rem}}@media (max-width:1200px){.skills-grid{max-width:1200px;padding:0 1.5rem}}@media (max-width:768px){.skills-grid{gap:1.5rem;padding:0 1rem}}@media (max-width:480px){.skills-grid{gap:1rem;padding:0 .75rem}}.skill-card{background:#1a1a1a;border:1px solid #ffffff0d;border-radius:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.skill-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#3b82f61a 0%,#9333ea1a 100%);transition:opacity .3s;position:absolute;inset:0}.skill-card:hover{border-color:#3b82f64d;transform:translateY(-8px);box-shadow:0 25px 50px #0006}.skill-card:hover:before{opacity:1}.skill-icons{z-index:5;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex;position:relative}.skill-icon{color:#fff;border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.skill-icon:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#fff0 100%);transition:opacity .3s;position:absolute;inset:0}.skill-card:hover .skill-icon:before{opacity:1}.skill-card:hover .skill-icon{transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.skill-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.skill-icon.yellow{background:linear-gradient(135deg,#eab308,#ca8a04)}.skill-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.skill-icon.blue-dark{background:linear-gradient(135deg,#1e40af,#1e3a8a)}.skill-icon.teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.skill-icon.purple{background:linear-gradient(135deg,#9333ea,#7c3aed)}.skill-icon.green{background:linear-gradient(135deg,#16a34a,#15803d)}.skill-icon.red{background:linear-gradient(135deg,#dc2626,#b91c1c)}.skill-icon.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.skill-icon.gray{background:linear-gradient(135deg,#4b5563,#374151)}.skill-title{color:#fff;z-index:5;margin-bottom:1rem;font-size:1.25rem;font-weight:700;position:relative}.skill-description{color:#9ca3af;z-index:5;font-size:.9375rem;line-height:1.6;position:relative}.projects-showcase-section{background:#fff;padding:8rem 2rem;position:relative}.projects-showcase-container{max-width:1200px;margin:0 auto}.projects-showcase-header{text-align:left;margin-bottom:4rem}.projects-showcase-title{color:#1a1a1a;letter-spacing:-.02em;max-width:600px;font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:1.2}.projects-showcase-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:4rem;display:grid}.project-showcase-card{cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 20px #00000014}.project-showcase-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.project-showcase-image{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);width:100%;height:280px;position:relative;overflow:hidden}.showcase-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-showcase-card:hover .showcase-image{transform:scale(1.05)}.project-showcase-content{align-items:center;gap:1rem;padding:1.5rem 2rem 2rem;display:flex}.project-showcase-number{color:#64748b;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.875rem;font-weight:600;display:flex}.project-showcase-name{color:#1a1a1a;margin:0;font-size:1.125rem;font-weight:600;line-height:1.4}.projects-showcase-cta{text-align:center}.showcase-cta-button{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 20px #1a1a1a33}.showcase-cta-button:hover{background:#2a2a2a;transform:translateY(-2px);box-shadow:0 8px 30px #1a1a1a4d}@media (max-width:768px){.projects-showcase-section{padding:6rem 1rem}.projects-showcase-grid{grid-template-columns:1fr;gap:1.5rem}.project-showcase-image{height:220px}.project-showcase-content{padding:1.25rem 1.5rem 1.75rem}.projects-showcase-title{font-size:clamp(2rem,8vw,3rem)}}@media (max-width:480px){.projects-showcase-section{padding:4rem 1rem}.projects-showcase-header,.projects-showcase-grid{margin-bottom:3rem}.project-showcase-image{height:200px}}.projects-preview-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:600px;margin:0 auto 2rem;display:grid}.project-preview-card{cursor:pointer;opacity:0;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.8s ease-out forwards fadeInUp;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d}.project-preview-image{width:100%;height:140px;position:relative;overflow:hidden}.preview-overlay{opacity:0;pointer-events:none;background:linear-gradient(135deg,#3b82f6e6 0%,#9333eae6 100%);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.preview-overlay-text{color:#fff;text-align:center;font-size:.875rem;font-weight:600}.preview-link{opacity:0;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .3s;display:flex;position:absolute;top:.75rem;right:.75rem;transform:scale(.8);box-shadow:0 4px 15px #0000001a}.preview-link:hover{background:#fff;transform:scale(1.1)}.preview-title{color:#fff;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:1rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.preview-tech{flex-wrap:wrap;gap:.375rem;display:flex}.preview-tech-tag{color:#e5e7eb;background:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%);border:1px solid #ffffff1a;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;transition:all .3s}.project-preview-card:hover .preview-tech-tag{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);border-color:#3b82f64d}@media (max-width:768px){.projects-preview-grid{grid-template-columns:1fr;gap:1rem;max-width:400px}.project-preview-image{height:160px}}@media (max-width:480px){.projects-preview-grid{max-width:300px}.project-preview-content{padding:1rem}.preview-title{font-size:.875rem}}.projects-header{text-align:center;margin-bottom:5rem}.projects-title{letter-spacing:-.02em;color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#e5e7eb 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.projects-subtitle{color:#9ca3af;max-width:36rem;margin:0 auto;font-size:1.25rem;line-height:1.7}.projects-grid{grid-template-columns:repeat(1,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 2rem}}@media (min-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;padding:0 2rem}}@media (max-width:1200px){.projects-grid{max-width:1000px;padding:0 1.5rem}}@media (max-width:768px){.projects-grid{gap:1.5rem;padding:0 1rem}}@media (max-width:480px){.projects-grid{grid-template-columns:1fr;gap:1rem;padding:0 .75rem}}.project-card{cursor:pointer;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d}.project-card:hover{border-color:#3b82f633;transform:translateY(-12px);box-shadow:0 20px 60px #00000026}.project-image{object-fit:cover;width:100%;height:250px;transition:all .4s;position:relative}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{opacity:0;pointer-events:none;background:linear-gradient(135deg,#3b82f6e6 0%,#9333eae6 100%);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-overlay-text{color:#fff;text-align:center;padding:0 2rem;font-size:1.125rem;font-weight:600}.project-content{padding:2rem}.project-title{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:1.3}.project-description{color:#9ca3af;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.project-tech{flex-wrap:wrap;gap:.5rem;display:flex}.project-card:hover .tech-tag{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);border-color:#3b82f64d}.project-link{opacity:0;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem;transform:scale(.8);box-shadow:0 4px 15px #0000001a}.project-link:hover{background:#fff;transform:scale(1.1)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-slide-up{animation:.8s cubic-bezier(.4,0,.2,1) forwards slideInUp}.animate-slide-left{animation:.8s cubic-bezier(.4,0,.2,1) forwards slideInLeft}.animate-slide-right{animation:.8s cubic-bezier(.4,0,.2,1) forwards slideInRight}.contact-section{background:#000;margin:0;padding:3rem 2rem;position:relative;overflow:hidden}.contact-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 70%,#3b82f60d 0%,#0000 50%),radial-gradient(circle at 70% 30%,#9333ea0d 0%,#0000 50%);position:absolute;inset:0}.contact-container{z-index:10;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}@media (max-width:1200px){.contact-container{max-width:1000px;padding:0 1.5rem}}@media (max-width:768px){.contact-container{padding:0 1rem}}@media (max-width:480px){.contact-container{padding:0 .75rem}}.contact-label{color:#3b82f6;text-transform:uppercase;letter-spacing:.1em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:.875rem;font-weight:600;display:inline-block}.contact-title{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#e5e7eb 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.contact-description{color:#9ca3af;max-width:36rem;margin:0 auto 3rem;font-size:1.25rem;line-height:1.7}.contact-content{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;max-width:1000px;margin:0 auto 2rem;display:grid}@media (max-width:1024px){.contact-content{grid-template-columns:1fr;gap:1.5rem;max-width:800px;margin:0 auto 1.5rem}}@media (max-width:768px){.contact-content{gap:1rem;margin:0 auto 1rem;padding:0 1rem}}@media (max-width:480px){.contact-content{gap:.75rem;margin:0 auto .75rem;padding:0 .75rem}}.contact-info-title{color:#fff;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.contact-items{flex-direction:column;gap:.75rem;display:flex}.contact-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;align-items:center;gap:.5rem;padding:.75rem;transition:all .3s;display:flex}.contact-item:hover{background:#ffffff14;border-color:#3b82f64d;transform:translateY(-2px)}.contact-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 4px 15px #3b82f633}.contact-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.contact-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.contact-text{flex:1}.contact-text-title{color:#fff;margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.contact-text-value{color:#9ca3af;font-size:1rem}.contact-form{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.5rem;width:100%;padding:1.5rem}@media (max-width:768px){.contact-form{padding:1rem}}@media (max-width:480px){.contact-form{padding:.75rem}}.contact-form-title{color:#fff;text-align:left;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.contact-form-group{margin-bottom:1.5rem}.contact-form-label{color:#9ca3af;text-align:left;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.contact-form-input,.contact-form-textarea{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;width:100%;padding:1rem;font-size:1rem;transition:all .3s}.contact-form-input::placeholder,.contact-form-textarea::placeholder{color:#6b7280}.contact-form-input:focus,.contact-form-textarea:focus{background:#ffffff26;border-color:#3b82f6;outline:none}.contact-form-textarea{resize:vertical;min-height:120px}.contact-form-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:.75rem;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 20px #3b82f64d}.closing-section{background:#000;padding:4rem 2rem;position:relative;overflow:hidden}.closing-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#3b82f608 0%,#0000 50%),radial-gradient(circle at 80% 20%,#9333ea08 0%,#0000 50%);position:absolute;inset:0}.closing-container{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid;position:relative}.closing-content{text-align:left}.closing-title{color:#fff;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.1}.closing-subtitle{color:#9ca3af;max-width:500px;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.closing-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 20px #3b82f64d}.closing-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f680}.closing-visual{justify-content:center;align-items:center;display:flex;position:relative}.closing-graphic{justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.closing-circle{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;animation:6s ease-in-out infinite float;display:flex;position:relative}.closing-circle-inner{background:#000;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex}.closing-dots{justify-content:space-between;align-items:center;width:300px;height:300px;display:flex;position:absolute}.dot{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:50%;width:12px;height:12px;position:absolute}.dot-1{animation:2s ease-in-out infinite pulse;top:20px;left:-40px}.dot-2{animation:2s ease-in-out .5s infinite pulse;top:50%;right:-40px}.dot-3{animation:2s ease-in-out 1s infinite pulse;bottom:20px;left:-40px}@media (max-width:1024px){.closing-container{text-align:center;grid-template-columns:1fr;gap:3rem}.closing-content{text-align:center}.closing-circle{width:150px;height:150px;margin:0 auto 2rem}.closing-circle-inner{width:120px;height:120px}.closing-dots{width:250px;height:250px}}@media (max-width:768px){.closing-section{padding:3rem 1.5rem}.closing-container{gap:2rem;padding:0 1rem}.closing-title{font-size:clamp(2rem,8vw,3rem)}.closing-subtitle{margin-bottom:1.5rem;font-size:1.125rem}.closing-cta{padding:.875rem 1.75rem;font-size:.9rem}.closing-circle{width:120px;height:120px}.closing-circle-inner{width:90px;height:90px}.closing-dots{width:200px;height:200px}.dot{width:10px;height:10px}}@media (max-width:480px){.closing-section{padding:2rem 1rem}.closing-container{gap:1.5rem;padding:0 .75rem}.closing-title{font-size:clamp(1.5rem,10vw,2.5rem)}.closing-subtitle{margin-bottom:1rem;font-size:1rem}.closing-cta{padding:.75rem 1.5rem;font-size:.875rem}.closing-circle{width:100px;height:100px}.closing-circle-inner{width:75px;height:75px}.closing-dots{width:150px;height:150px}.dot{width:8px;height:8px}}.dock{z-index:20;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.dock-inner{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.dock-item{color:#ffffffe6;cursor:pointer;background:#00000059;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.dock-item:hover{background:#ffffff1a;border-color:#ffffff38;transform:scale(1.12)}.dock-center{background:#ffffff1f;border-color:#ffffff38;width:56px;height:56px;margin:-.35rem 0}.dock-center:hover{transform:scale(1.15)}.dock-avatar{letter-spacing:-.02em;color:#0b0b0b;background:linear-gradient(135deg,#e5e7eb 0%,#9ca3af 100%);border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:inline-flex}@media (max-width:480px){.dock-inner{gap:.65rem;padding:.75rem .85rem}.dock-item{width:42px;height:42px}.dock-center{width:52px;height:52px}.dock-avatar{width:34px;height:34px}}.banner-section{background:#000;padding:0;position:relative;overflow:hidden}.banner-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 25% 75%,#3b82f605 0%,#0000 50%),radial-gradient(circle at 75% 25%,#9333ea05 0%,#0000 50%);position:absolute;inset:0}.banner-container{z-index:10;justify-content:center;align-items:center;width:100%;margin:0;display:flex;position:relative}.banner-content{text-align:center;justify-content:center;align-items:center;width:100%;display:flex}.banner-text-left{color:#fff;text-align:center;letter-spacing:-.01em;margin-bottom:.5rem;font-size:clamp(9rem,6vw,4rem);font-weight:700;line-height:1.1}.banner-logo{justify-content:center;align-items:center;margin-top:1rem;display:flex}.banner-logo img{filter:contrast(200%)brightness(1.2);mix-blend-mode:darken;opacity:1;background:0 0}.banner-text-right{color:#3b82f6;text-align:center;letter-spacing:-.02em;text-shadow:0 2px 10px #3b82f64d;font-size:clamp(3rem,7vw,5rem);font-weight:900;line-height:1.1}@media (max-width:768px){.banner-content{padding:2rem 1rem}.banner-text-left{font-size:clamp(2rem,7vw,3rem)}.banner-text-right{font-size:clamp(2.5rem,8vw,3.5rem)}}@media (max-width:480px){.banner-content{padding:1.5rem 1rem}.banner-text-left{font-size:clamp(1.5rem,8vw,2.5rem)}.banner-text-right{font-size:clamp(2rem,9vw,3rem)}}.contact-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 20px #3b82f64d}.contact-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f680}.contact-info{text-align:center}.contact-form{max-width:500px;margin:0 auto}@media (max-width:768px){.contact-title{font-size:clamp(2rem,8vw,3rem)}.contact-description{font-size:1.125rem}.contact-content{gap:2rem}.contact-form{padding:1.5rem}}.footer-arrow{cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.footer-arrow:hover{background:#e5e7eb}.footer-text{letter-spacing:-.02em;color:#fff;text-align:center;margin-bottom:2rem;font-size:clamp(3rem,8vw,5rem);font-weight:700;line-height:1.1}.hero-section{background:#000;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#3b82f61a 0%,#0000 50%),radial-gradient(circle at 80%,#9333ea1a 0%,#0000 50%);position:absolute;inset:0}.hero-content{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1400px;margin:0 auto;padding:2rem 2rem 7.5rem;display:grid;position:relative}@media (max-width:1200px){.hero-content{gap:3rem;max-width:1200px;padding:1.5rem}}@media (max-width:1024px){.hero-content{text-align:center;grid-template-columns:1fr;gap:3rem;max-width:800px;padding:1.5rem}.hero-left{text-align:center;align-items:center}.hero-description,.hero-subtitle{max-width:600px;margin:0 auto}.hero-buttons{justify-content:center;align-items:center}.hero-stats{justify-content:center}}@media (max-width:768px){.hero-content{gap:2rem;max-width:100vw;padding:1rem 1rem 7rem}.hero-title{font-size:clamp(2.5rem,10vw,4rem)}.hero-subtitle{font-size:1.125rem}.hero-stats{flex-wrap:wrap;gap:2rem}.hero-stat-number{font-size:1.5rem}}@media (max-width:480px){.hero-content{gap:1.5rem;padding:.75rem .75rem 6.5rem}.hero-description,.hero-subtitle{font-size:1rem}.hero-stats{flex-direction:column;align-items:center;gap:1.5rem}.hero-cta{padding:.875rem 1.75rem;font-size:.9rem}.hero-cta-secondary{padding:.75rem 1.5rem;font-size:.875rem}}.hero-left{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.hero-right{justify-content:center;align-items:center;display:flex}.hero-header{opacity:0;margin-bottom:3rem;animation:1s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.hero-logo{align-items:center;margin-bottom:1rem;display:flex}.hero-logo img{filter:contrast(200%)brightness(1.2);mix-blend-mode:darken;opacity:1;background:0 0}.hero-description{color:#d1d5db;max-width:500px;margin:0;font-size:1.125rem;font-weight:400;line-height:1.7}.hero-main-content{flex-direction:column;gap:2rem;display:flex}.hero-title{color:#fff;letter-spacing:-.02em;opacity:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:0;padding-bottom:.08em;font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:1.05;animation:1s cubic-bezier(.4,0,.2,1) .3s forwards fadeInUp}.hero-title span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#e5e7eb 100%);-webkit-background-clip:text;background-clip:text;padding-bottom:-1.1em;display:inline-block}.hero-subtitle{color:#9ca3af;opacity:0;margin:1rem 0 2rem;font-size:1.5rem;animation:1s cubic-bezier(.4,0,.2,1) .6s forwards fadeInUp}.hero-cta{color:#fff;opacity:0;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);animation:1s cubic-bezier(.4,0,.2,1) .9s forwards fadeInUp;display:inline-flex;box-shadow:0 4px 20px #3b82f64d}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f680}.hero-image-container{opacity:0;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:500px;height:500px;margin:0 auto;animation:1s cubic-bezier(.4,0,.2,1) .5s forwards fadeInScale;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000001a}@media (max-width:1200px){.hero-image-container{width:450px;height:450px}}@media (max-width:1024px){.hero-image-container{width:400px;height:400px}}@media (max-width:768px){.hero-image-container{width:350px;height:350px}}@media (max-width:480px){.hero-image-container{width:280px;height:280px}}@media (max-width:360px){.hero-image-container{width:240px;height:240px}}.hero-image{object-fit:cover;filter:grayscale(0%)contrast(1.1)brightness(1.05);width:100%;height:100%;transition:all .5s}.hero-image-container:hover .hero-image{filter:grayscale(0%)contrast(1.2)brightness(1.1);transform:scale(1.05)}.hero-image-container:before{content:"";mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(135deg,#3b82f633 0%,#9333ea33 100%);position:absolute;inset:0}.hero-arrow-button{cursor:pointer;opacity:0;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:1s cubic-bezier(.4,0,.2,1) .8s forwards fadeInUp;display:flex;position:absolute;bottom:-15px;right:-15px;box-shadow:0 8px 30px #0000004d}.hero-arrow-button:hover{transform:scale(1.1)rotate(45deg);box-shadow:0 12px 40px #0006}.hero-arrow-button svg{color:#1f2937;transition:transform .3s}.hero-stats{opacity:0;gap:3rem;margin-top:3rem;animation:1s cubic-bezier(.4,0,.2,1) 1.1s forwards fadeInUp;display:flex}.hero-stat{text-align:left}.hero-stat-number{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1}.hero-stat-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.hero-content{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-left{text-align:center;align-items:center}.hero-image-container{width:350px;height:350px}}@media (max-width:768px){.hero-title{font-size:clamp(2.5rem,10vw,4rem)}.hero-image-container{width:280px;height:280px}.hero-arrow-button{width:60px;height:60px;bottom:-10px;right:-10px}.hero-stats{flex-direction:column;align-items:center;gap:2rem}.hero-description{font-size:1rem}.hero-cta{padding:.875rem 1.75rem;font-size:.9rem}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px #00000080}.project-card:hover .project-overlay{opacity:1}.modal-backdrop{-webkit-backdrop-filter:blur(8px)}.project-modal-content::-webkit-scrollbar{width:6px}.project-modal-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.project-modal-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.project-modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.feature-list-item{transition:all .2s}.feature-list-item:hover{color:#fff;transform:translate(4px)}.tech-tag-modal{transition:all .2s}.tech-tag-modal:hover{background:#3b82f64d;border-color:#3b82f680;transform:translateY(-1px)}.modal-button{transition:all .3s;position:relative;overflow:hidden}.modal-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.modal-button:hover:before{left:100%}.modal-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.modal-image{border-radius:8px;transition:all .3s;overflow:hidden}.modal-image:hover{transform:scale(1.05);box-shadow:0 10px 30px #0006}@media (max-width:768px){.project-modal-content{max-height:calc(100vh - 2rem);margin:1rem}.modal-buttons{flex-direction:column;gap:.75rem}.modal-button{justify-content:center;width:100%}}.modal-close-button{transition:all .2s}.modal-close-button:hover{color:#ef4444;background:#ef444433;transform:rotate(90deg)}.project-card{opacity:0;animation:.6s ease-out forwards projectCardFadeIn}@keyframes projectCardFadeIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.project-modal{animation:.3s ease-out modalBackdropFadeIn}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}.project-modal-content{animation:.4s cubic-bezier(.34,1.56,.64,1) modalContentSlideIn}@keyframes modalContentSlideIn{0%{opacity:0;transform:translateY(50px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-image img{transition:opacity .3s}.modal-image img[data-loaded=false]{opacity:0}.modal-image img[data-loaded=true]{opacity:1}.modal-button{position:relative;overflow:hidden}.modal-button:after{content:"";background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-button:active:after{width:300px;height:300px}.project-modal-content{scrollbar-width:thin;scrollbar-color:#ffffff4d transparent}.project-card:focus-visible{outline-offset:4px;outline:2px solid #3b82f6}.modal-close-button:focus-visible{outline-offset:2px;outline:2px solid #ef4444}.modal-button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}@media (max-width:640px){.project-modal-content{border-radius:1rem;max-height:calc(100vh - 1rem);margin:.5rem}.modal-image{height:200px}.modal-buttons{gap:.5rem}.modal-button{padding:.75rem 1rem;font-size:.875rem}}.projects-section-new{background:#000;padding:8rem 2rem;position:relative;overflow:hidden}.projects-section-new:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#3b82f614 0%,#0000 50%),radial-gradient(circle at 80% 70%,#9333ea14 0%,#0000 50%);position:absolute;inset:0}.projects-container{z-index:10;max-width:1400px;margin:0 auto;position:relative}.projects-header-new{text-align:center;margin-bottom:6rem}.projects-badge{color:#60a5fa;text-transform:uppercase;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f633,#9333ea33);border:1px solid #3b82f64d;border-radius:50px;margin-bottom:2rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-block}.projects-title-new{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#e5e7eb 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,5rem);font-weight:900;line-height:1.1}.projects-subtitle-new{color:#9ca3af;max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.7}.projects-showcase{flex-direction:column;gap:4rem;display:flex}.project-showcase-card{cursor:pointer;opacity:0;background:#ffffff05;border:1px solid #ffffff0d;border-radius:2rem;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:3rem;transition:all .6s cubic-bezier(.4,0,.2,1);animation:.8s ease-out forwards showcaseCardFadeIn;display:grid;transform:translateY(50px)}.project-showcase-card:hover{background:#ffffff0d;border-color:#3b82f633;transform:translateY(-8px);box-shadow:0 25px 50px #0000004d}.project-showcase-card.card-right{grid-template-columns:1fr 1fr}.project-showcase-card.card-right .project-showcase-image{order:2}.project-showcase-card.card-right .project-showcase-content{order:1}.project-showcase-image{aspect-ratio:16/10;border-radius:1.5rem;position:relative;overflow:hidden}.showcase-img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.project-showcase-card:hover .showcase-img{transform:scale(1.05)}.showcase-overlay{opacity:0;background:linear-gradient(135deg,#3b82f6e6,#9333eae6);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.project-showcase-card:hover .showcase-overlay{opacity:1}.showcase-overlay-content{color:#fff;flex-direction:column;align-items:center;gap:1rem;display:flex}.showcase-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.showcase-text{font-size:1.125rem;font-weight:600}.project-number{color:#ffffff1a;font-size:4rem;font-weight:900;line-height:1;position:absolute;top:1.5rem;right:1.5rem}.project-showcase-content{padding:2rem 0}.project-meta{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.project-year{color:#6b7280;font-size:.875rem;font-weight:500}.project-status{color:#10b981;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.project-showcase-title{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.project-showcase-description{color:#9ca3af;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}.project-showcase-tech{flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem;display:flex}.tech-pill{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;border-radius:50px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s}.tech-pill:hover{background:#3b82f633;border-color:#3b82f666;transform:translateY(-2px)}.tech-more{color:#9ca3af;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.project-showcase-actions{gap:1rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.action-btn.primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 15px #3b82f64d}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.action-btn.secondary{color:#e5e7eb;background:#ffffff0d;border:1px solid #ffffff1a}.action-btn.secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.projects-footer{text-align:center;margin-top:6rem}.view-all-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff1a;border-radius:50px;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-size:1.125rem;font-weight:600;transition:all .4s;display:inline-flex;position:relative;overflow:hidden}.view-all-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);transition:opacity .3s;position:absolute;inset:0}.view-all-btn:hover{border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 15px 35px #0003}.view-all-btn:hover:before{opacity:1}.view-all-btn span{z-index:1;position:relative}.view-all-btn svg{z-index:1;transition:transform .3s;position:relative}.view-all-btn:hover svg{transform:translate(4px)translateY(-4px)}@keyframes showcaseCardFadeIn{to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.project-showcase-card{grid-template-columns:1fr;gap:2rem;padding:2rem}.project-showcase-card.card-right .project-showcase-image,.project-showcase-card.card-right .project-showcase-content{order:unset}.project-showcase-title{font-size:2rem}}@media (max-width:768px){.projects-section-new{padding:4rem 1rem}.projects-showcase{gap:2rem}.project-showcase-card{padding:1.5rem}.project-showcase-title{font-size:1.75rem}.project-showcase-description{font-size:1rem}.project-showcase-actions{flex-direction:column}.action-btn{justify-content:center}}@media (max-width:480px){.projects-header-new{margin-bottom:3rem}.project-number{font-size:2.5rem;top:1rem;right:1rem}.project-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.projects-section{background:#000;padding:6rem 2rem;position:relative}.projects-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 30%,#3b82f608 0%,#0000 50%),radial-gradient(circle at 30% 70%,#9333ea08 0%,#0000 50%);position:absolute;inset:0}.projects-container{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid;position:relative}.projects-content{padding:2rem}.projects-label{color:#3b82f6;text-transform:uppercase;letter-spacing:.1em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:.875rem;font-weight:600;display:inline-block}.projects-title{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#e5e7eb 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.projects-description{color:#9ca3af;margin-bottom:2rem;font-size:1.25rem;line-height:1.7}.projects-features{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.projects-feature{align-items:flex-start;gap:1rem;display:flex}.projects-feature-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 4px 15px #3b82f633}.projects-feature-content{flex:1}.projects-feature-title{color:#fff;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.projects-feature-description{color:#9ca3af;font-size:1rem;line-height:1.6}.projects-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 20px #3b82f64d}.projects-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f680}.projects-visual{flex-direction:column;align-items:center;display:flex;position:relative}.projects-grid{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;margin-bottom:3rem;display:grid}.project-preview-card{cursor:pointer;opacity:0;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeInUp;overflow:hidden}.project-preview-card:hover{border-color:#3b82f633;transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.project-preview-image{aspect-ratio:16/10;position:relative;overflow:hidden}.preview-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-preview-card:hover .preview-image{transform:scale(1.05)}.preview-overlay{opacity:0;background:linear-gradient(135deg,#3b82f6e6 0%,#9333eae6 100%);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-preview-card:hover .preview-overlay{opacity:1}.preview-overlay-text{color:#fff;font-size:1rem;font-weight:600}.preview-link{opacity:0;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .3s;display:flex;position:absolute;top:.75rem;right:.75rem;transform:scale(.8)}.project-preview-card:hover .preview-link{opacity:1;transform:scale(1)}.project-preview-content{padding:1rem}.preview-title{color:#fff;margin-bottom:.5rem;font-size:.875rem;font-weight:600;line-height:1.3}.preview-tech{gap:.5rem;display:flex}.preview-tech-tag{color:#60a5fa;background:#3b82f61a;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.projects-stats{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:1.5rem;gap:2rem;padding:2rem;display:flex;box-shadow:0 20px 40px #0000004d}.projects-stat{text-align:center}.projects-stat-number{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800;line-height:1}.projects-stat-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}@media (max-width:1024px){.projects-container{text-align:center;grid-template-columns:1fr;gap:3rem}.projects-content{padding:1rem}.projects-features{align-items:center}.projects-grid{grid-template-columns:1fr 1fr;gap:1rem}.projects-stats{gap:1.5rem;padding:1.5rem}}@media (max-width:768px){.projects-section{padding:4rem 1rem}.projects-grid{grid-template-columns:1fr;gap:1rem}.projects-stats{flex-direction:column;align-items:center;gap:1.5rem}.projects-title{font-size:clamp(2rem,8vw,3rem)}.projects-description{font-size:1.125rem}}@media (max-width:480px){.projects-content{padding:.5rem}.projects-features{gap:1rem}.projects-cta{padding:.875rem 1.75rem;font-size:.9rem}.projects-stats{gap:1rem;padding:1rem}.projects-stat-number{font-size:1.5rem}}.project-modal-refined{animation:.3s ease-out modalFadeIn}.project-modal-content-refined{background:#111;border:1px solid #ffffff14;border-radius:16px;max-width:900px;margin:0 auto;animation:.3s ease-out modalSlideUp;box-shadow:0 25px 50px #00000080}.modal-images-container{max-width:800px;margin:0 auto 3rem;padding:0 1rem}.modal-images-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.modal-image-refined{background:#1a1a1a;border:1px solid #ffffff14;border-radius:14px;height:180px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.modal-image-refined:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 12px 40px #0006}.modal-image-refined img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.modal-image-refined:hover img{transform:scale(1.02)}.modal-content-container{max-width:720px;margin:0 auto;padding:0 2rem}.modal-description-section{margin-bottom:2.5rem}.modal-section-title{color:#fff;letter-spacing:-.01em;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.modal-description-text{color:#d1d5db;margin-bottom:1.5rem;font-size:18px;line-height:1.75}.modal-description-paragraph{margin-bottom:1.25rem}.modal-description-paragraph:last-child{margin-bottom:0}.modal-features-section{margin-bottom:2.5rem}.modal-features-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.75rem;display:grid}.modal-feature-item{align-items:flex-start;gap:.75rem;padding:.5rem 0;transition:all .2s;display:flex}.modal-feature-item:hover{transform:translate(4px)}.modal-feature-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.5rem}.modal-feature-text{color:#d1d5db;font-size:16px;line-height:1.6}.modal-tech-section{margin-bottom:3rem}.modal-tech-grid{flex-wrap:wrap;gap:.75rem;display:flex}.modal-tech-tag-refined{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;padding:.5rem 1rem;font-size:14px;font-weight:500;transition:all .25s}.modal-tech-tag-refined:hover{background:#3b82f626;border-color:#3b82f64d;transform:translateY(-1px)}.modal-buttons-container{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.modal-button-outlined{color:#3b82f6;cursor:pointer;background:0 0;border:1px solid #3b82f6;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:15px;font-weight:600;text-decoration:none;transition:all .28s;display:inline-flex;position:relative;overflow:hidden}.modal-button-outlined:before{content:"";z-index:0;background:#3b82f61a;width:100%;height:100%;transition:left .28s;position:absolute;top:0;left:-100%}.modal-button-outlined:hover:before{left:0}.modal-button-outlined:hover{color:#60a5fa;background:#3b82f60d;border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f633}.modal-button-outlined span,.modal-button-outlined svg{z-index:1;position:relative}.modal-button-secondary{color:#9ca3af;border-color:#6b7280}.modal-button-secondary:before{background:#6b72801a}.modal-button-secondary:hover{color:#d1d5db;background:#6b72800d;border-color:#9ca3af;box-shadow:0 8px 25px #6b728026}.modal-backdrop-refined{-webkit-backdrop-filter:blur(12px)}.modal-header-refined{text-align:center;border-bottom:1px solid #ffffff14;padding:2rem 2rem 1rem;position:relative}.modal-title-refined{color:#fff;letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:800;line-height:1.2}.modal-body-refined{padding:2rem}.modal-close-button-refined{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-close-button-refined:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d;transform:rotate(90deg)}@media (max-width:768px){.modal-content-container{padding:0 1.5rem}.modal-images-container{margin-bottom:2rem;padding:0 1rem}.modal-image-refined{height:160px}.modal-buttons-container{flex-direction:column;align-items:stretch}.modal-button-outlined{justify-content:center;padding:1rem 1.5rem}.modal-features-list{grid-template-columns:1fr}}@media (max-width:480px){.modal-header-refined{padding:1.5rem 1.5rem 1rem}.modal-body-refined{padding:1.5rem}.modal-title-refined{font-size:1.75rem}.modal-description-text{font-size:17px}.modal-images-grid{grid-template-columns:1fr}}.project-detail-hero{background:#000;align-items:center;min-height:80vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.project-detail-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#3b82f60d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#9333ea0d 0%,#0000 50%);position:absolute;inset:0}.project-hero-container{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid;position:relative}.project-hero-content{flex-direction:column;gap:2rem;animation:.8s ease-out fadeInLeft;display:flex}.project-breadcrumb{margin-bottom:1rem}.project-breadcrumb .breadcrumb-link{color:#9ca3af;align-items:center;gap:.5rem;padding:.5rem 0;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.project-breadcrumb .breadcrumb-link:hover{color:#3b82f6;transform:translate(-4px)}.project-hero-title{color:#fff;-webkit-text-fill-color:transparent;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#e5e7eb 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.project-hero-description{color:#9ca3af;max-width:500px;margin-bottom:2rem;font-size:1.25rem;line-height:1.7}.project-hero-meta{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.project-status,.project-year,.project-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e5e7eb;background:#1a1a1acc;border:1px solid #ffffff1a;border-radius:50px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.project-status:before,.project-year:before,.project-category:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.project-status:hover:before,.project-year:hover:before,.project-category:hover:before{left:100%}.project-status{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981;box-shadow:0 4px 15px #10b9814d}.project-hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.project-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #3b82f64d}.project-btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.project-btn-primary:hover:before{left:100%}.project-btn-secondary{color:#9ca3af;cursor:pointer;background:0 0;border:2px solid #374151;border-radius:50px;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.project-btn-secondary:before{content:"";z-index:-1;background:linear-gradient(135deg,#374151 0%,#4b5563 100%);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.project-btn-secondary:hover:before{left:0}.project-hero-image{justify-content:center;align-items:center;animation:.8s ease-out fadeInRight;display:flex}.hero-project-img{border:1px solid #ffffff1a;border-radius:1.5rem;width:100%;height:auto;transition:all .4s;box-shadow:0 25px 50px #0006}.hero-project-img:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 35px 70px #00000080}.project-details-section{background:#000;padding:8rem 2rem;position:relative}.project-details-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 30%,#3b82f608 0%,#0000 50%),radial-gradient(circle at 30% 70%,#9333ea08 0%,#0000 50%);position:absolute;inset:0}.project-details-container{z-index:10;max-width:1200px;margin:0 auto;position:relative}.section-title{color:#fff;text-align:center;-webkit-text-fill-color:transparent;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#e5e7eb 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:4rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.project-image-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#1a1a1acc;border:1px solid #ffffff1a;border-radius:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.8s ease-out forwards fadeInUp;position:relative;overflow:hidden}.project-image-card:first-child{animation-delay:.1s}.project-image-card:nth-child(2){animation-delay:.2s}.project-image-card:nth-child(3){animation-delay:.3s}.project-image-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#3b82f61a 0%,#9333ea1a 100%);transition:opacity .3s;position:absolute;inset:0}.project-image-card:hover:before{opacity:1}.project-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#1a1a1acc;border:1px solid #ffffff1a;border-radius:1.5rem;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.8s ease-out forwards fadeInUp;position:relative;overflow:hidden}.project-info-card:first-child{animation-delay:.4s}.project-info-card:nth-child(2){animation-delay:.5s}.project-info-card:nth-child(3){animation-delay:.6s}.project-info-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#3b82f60d 0%,#9333ea0d 100%);transition:opacity .3s;position:absolute;inset:0}.project-info-card:hover:before{opacity:1}.project-info-card:hover{border-color:#3b82f64d;transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.info-card-title{color:#fff;z-index:10;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#e5e7eb 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;position:relative}.info-card-text{color:#d1d5db;z-index:10;font-size:1.125rem;line-height:1.7;position:relative}.tech-tags{z-index:10;flex-wrap:wrap;gap:.75rem;display:flex;position:relative}.tech-tag{color:#60a5fa;background:linear-gradient(135deg,#3b82f61a 0%,#9333ea1a 100%);border:1px solid #3b82f633;border-radius:50px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.tech-tag:before{content:"";z-index:-1;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.tech-tag:hover:before{left:0}.tech-tag:hover{color:#fff;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.features-list{z-index:10;margin:0;padding:0;list-style:none;position:relative}.feature-item{color:#d1d5db;border-bottom:1px solid #ffffff14;padding:1rem 0 1rem 2rem;font-size:1.125rem;line-height:1.6;transition:all .3s;position:relative}.feature-item:before{content:"✦";color:#3b82f6;font-size:1.2rem;font-weight:700;transition:all .3s;position:absolute;top:1rem;left:0}.feature-item:hover{color:#fff;padding-left:2.5rem}.feature-item:hover:before{color:#60a5fa;transform:scale(1.2)}@media (max-width:768px){.project-detail-hero{min-height:60vh;padding:6rem 1rem 3rem}.project-hero-container{text-align:center;grid-template-columns:1fr;gap:3rem}.project-hero-actions{flex-wrap:wrap;justify-content:center}.project-details-section{padding:6rem 1rem}.images-grid,.project-info-grid{grid-template-columns:1fr;gap:1.5rem}.project-hero-meta{flex-wrap:wrap;justify-content:center}.project-info-card{padding:2rem}}@media (max-width:480px){.project-btn-primary,.project-btn-secondary{justify-content:center;width:100%;padding:1rem 2rem}.project-info-card{padding:1.5rem}.section-title{margin-bottom:3rem;font-size:2rem}.project-hero-title{font-size:2.5rem}.tech-tags{gap:.5rem}.tech-tag{padding:.5rem 1rem;font-size:.8rem}}.project-detail-hero{background:#000;align-items:center;min-height:70vh;padding:8rem 2rem 4rem;display:flex}.project-hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.project-hero-content{flex-direction:column;gap:2rem;display:flex}.project-breadcrumb .breadcrumb-link{color:#9ca3af;font-size:1rem;text-decoration:none;transition:color .3s}.project-breadcrumb .breadcrumb-link:hover{color:#3b82f6}.project-hero-title{color:#fff;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.project-hero-description{color:#9ca3af;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.project-hero-meta{gap:1rem;margin-bottom:2rem;display:flex}.project-status,.project-year,.project-category{color:#e5e7eb;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:50px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.project-status{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981}.project-hero-actions{gap:1rem;display:flex}.project-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 20px #3b82f64d}.project-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f680}.project-btn-secondary{color:#9ca3af;cursor:pointer;background:0 0;border:2px solid #374151;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.project-btn-secondary:hover{color:#fff;border-color:#6b7280;transform:translateY(-2px);box-shadow:0 8px 25px #6b728033}.project-hero-image{justify-content:center;align-items:center;display:flex}.hero-project-img{border:1px solid #ffffff1a;border-radius:1rem;width:100%;height:auto;box-shadow:0 25px 50px #0000004d}.project-details-section{background:#000;padding:6rem 2rem}.project-details-container{max-width:1200px;margin:0 auto}.project-images{margin-bottom:4rem}.section-title{color:#fff;text-align:center;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.images-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.project-image-card{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:1rem;transition:all .3s;overflow:hidden}.project-image-card:hover{border-color:#3b82f64d;transform:translateY(-8px);box-shadow:0 20px 40px #0006}.project-img{object-fit:cover;width:100%;height:250px;transition:transform .3s}.project-image-card:hover .project-img{transform:scale(1.05)}.project-info-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.project-info-card{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem;transition:all .3s}.project-info-card:hover{border-color:#3b82f64d;transform:translateY(-4px)}.info-card-title{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.info-card-text{color:#9ca3af;font-size:1rem;line-height:1.6}.tech-tags{flex-wrap:wrap;gap:.75rem;display:flex}.tech-tag{color:#e5e7eb;background:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%);border:1px solid #ffffff1a;border-radius:50px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s}.tech-tag:hover{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);border-color:#3b82f64d}.features-list{margin:0;padding:0;list-style:none}.feature-item{color:#9ca3af;border-bottom:1px solid #ffffff0d;padding:.75rem 0 .75rem 1.5rem;font-size:1rem;line-height:1.5;position:relative}.feature-item:before{content:"•";color:#3b82f6;font-weight:700;position:absolute;left:0}.feature-item:last-child{border-bottom:none}@media (max-width:768px){.project-detail-hero{padding:6rem 1rem 3rem}.project-hero-container{text-align:center;grid-template-columns:1fr;gap:2rem}.project-hero-actions{flex-wrap:wrap;justify-content:center}.project-details-section{padding:4rem 1rem}.images-grid,.project-info-grid{grid-template-columns:1fr;gap:1.5rem}.project-hero-meta{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.project-btn-primary,.project-btn-secondary{justify-content:center;width:100%}.project-info-card{padding:1.5rem}.section-title{font-size:2rem}}.project-breadcrumb{align-items:center;gap:.5rem;margin-top:1rem;font-size:.875rem;display:flex}.breadcrumb-link{color:#9ca3af;text-decoration:none;transition:color .3s}.breadcrumb-link:hover{color:#3b82f6}.breadcrumb-separator{color:#6b7280}.breadcrumb-current{color:#fff;font-weight:500}.project-meta{flex-wrap:wrap;gap:2rem;margin-top:2rem;display:flex}.meta-item{flex-direction:column;gap:.25rem;display:flex}.meta-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.meta-value{color:#fff;font-size:1rem;font-weight:600}.status-live{color:#10b981}.project-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.about-cta-secondary{color:#9ca3af;cursor:pointer;background:0 0;border:2px solid #374151;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.about-cta-secondary:hover{color:#fff;border-color:#6b7280;transform:translateY(-2px);box-shadow:0 8px 25px #6b728033}.project-gallery{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.gallery-item{opacity:0;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:1rem;transition:all .4s;animation:.8s ease-out forwards fadeInUp;position:relative;overflow:hidden}.gallery-item:hover{border-color:#3b82f64d;transform:translateY(-8px);box-shadow:0 20px 40px #0006}.gallery-image{object-fit:cover;width:100%;height:200px;transition:transform .4s}.gallery-item:hover .gallery-image{transform:scale(1.05)}.gallery-overlay{opacity:0;background:linear-gradient(135deg,#3b82f61a 0%,#9333ea1a 100%);transition:opacity .3s;position:absolute;inset:0}.gallery-item:hover .gallery-overlay{opacity:1}.tech-stack{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:1.5rem;margin-bottom:2rem;padding:2rem}.tech-stack-title{color:#fff;text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;display:grid}.tech-item{text-align:center;opacity:0;background:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%);border:1px solid #ffffff1a;border-radius:.75rem;padding:.75rem 1rem;transition:all .3s;animation:.8s ease-out forwards fadeInUp}.tech-item:hover{background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);border-color:#3b82f64d;transform:translateY(-4px)}.tech-name{color:#e5e7eb;font-size:.875rem;font-weight:600}.tech-item:hover .tech-name{color:#fff}.closing-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.closing-cta-secondary{color:#9ca3af;cursor:pointer;background:0 0;border:2px solid #374151;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.closing-cta-secondary:hover{color:#fff;border-color:#6b7280;transform:translateY(-2px);box-shadow:0 8px 25px #6b728033}@media (max-width:768px){.project-meta{gap:1rem}.project-actions{flex-direction:column}.about-cta,.about-cta-secondary{justify-content:center}.project-gallery{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.closing-actions{flex-direction:column;align-items:center}}@media (max-width:480px){.project-breadcrumb{font-size:.75rem}.meta-item{min-width:80px}.tech-stack{padding:1.5rem}.tech-grid{grid-template-columns:repeat(2,1fr)}}.about-visual-wrapper{flex-direction:column;align-items:center;width:100%;min-height:500px;display:flex;position:relative}.about-stats-enhanced{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1afa;border:1px solid #ffffff1f;transition:all .3s;box-shadow:0 20px 40px #0009,0 0 0 1px #ffffff0d}.about-stats-enhanced:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 25px 50px #000000b3,0 0 0 1px #3b82f633}.about-image-container-fixed{border-radius:2rem;flex-shrink:0;width:400px;height:400px;margin:0 auto 3rem;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000026}@media (max-width:1200px){.about-visual{padding-bottom:5rem}.about-stats{min-width:300px}}@media (max-width:900px){.about-container{gap:3rem}.about-visual{padding-bottom:4rem}}@media (max-width:600px){.about-visual{padding-bottom:2rem}.about-stats{width:100%;max-width:280px;margin-top:2rem;position:static;transform:none}}.about-section-container{width:100%;max-width:100vw;overflow-x:hidden}.about-visual-centered{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:600px;display:flex;position:relative}.about-image-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.about-stats-centered{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10;background:#1a1a1afa;border:1px solid #ffffff1f;border-radius:1.5rem;gap:3rem;min-width:320px;padding:2rem;display:flex;position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #0009}@media (max-width:1024px){.about-visual-centered{min-height:500px}.about-stats-centered{gap:2rem;min-width:280px;padding:1.5rem;bottom:-.5rem}}@media (max-width:768px){.about-visual-centered{min-height:auto;padding-bottom:2rem}.about-stats-centered{width:100%;max-width:300px;margin-top:2rem;position:relative;bottom:auto;left:auto;transform:none}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px}:root{--mobile-xs:320px;--mobile-sm:375px;--mobile-md:414px;--mobile-lg:480px;--tablet-sm:768px;--tablet-md:834px;--tablet-lg:1024px;--desktop-sm:1280px;--desktop-md:1440px;--desktop-lg:1920px}@media screen and (max-width:374px){html{font-size:14px}.hero-section{min-height:90vh;padding:1rem .75rem}.hero-content{gap:1rem;padding:.75rem .75rem 6rem}.hero-title{font-size:clamp(1.75rem,12vw,2.5rem);line-height:1.1}.hero-subtitle{margin:.75rem 0 1rem;font-size:.9rem}.hero-description{font-size:.875rem;line-height:1.5}.hero-image-container{width:200px;height:200px}.hero-arrow-button{width:50px;height:50px;bottom:-8px;right:-8px}.about-section{padding:3rem .75rem}.about-image-container{width:250px;height:250px}.about-stats{width:95%;min-width:auto;padding:.75rem}.projects-section{padding:3rem .75rem}.projects-grid{gap:.75rem;padding:0 .5rem}.project-card{border-radius:1rem}.project-content{padding:1.25rem}.project-title{font-size:1.25rem}.dock-inner{gap:.5rem;padding:.6rem .75rem}.dock-item{width:38px;height:38px}.dock-center{width:46px;height:46px}.dock-avatar{width:30px;height:30px;font-size:.75rem}.banner-text-left{font-size:clamp(1.25rem,8vw,2rem)}.banner-logo img{width:120px;height:auto}}@media screen and (min-width:375px) and (max-width:413px){.hero-image-container{width:240px;height:240px}.hero-title{font-size:clamp(2rem,10vw,3rem)}.hero-subtitle{font-size:1rem}.about-image-container{width:280px;height:280px}.project-image{height:200px}.dock-item{width:40px;height:40px}.dock-center{width:48px;height:48px}.dock-avatar{width:32px;height:32px}}@media screen and (min-width:414px) and (max-width:479px){.hero-image-container{width:280px;height:280px}.hero-title{font-size:clamp(2.25rem,9vw,3.5rem)}.about-image-container{width:320px;height:320px}.project-image{height:220px}.project-content{padding:1.5rem}}@media screen and (min-width:480px) and (max-width:767px){.hero-content{gap:1.5rem;padding:1rem 1rem 6.5rem}.hero-image-container{width:320px;height:320px}.hero-title{font-size:clamp(2.5rem,8vw,4rem)}.hero-subtitle{font-size:1.125rem}.hero-description{font-size:1rem}.about-section{padding:4rem 1rem}.about-image-container{width:350px;height:350px}.about-stats{gap:1.5rem;padding:1.25rem}.projects-section{padding:4rem 1rem}.projects-grid{gap:1.25rem;padding:0 .75rem}.project-image{height:240px}.skills-section{padding:4rem 1rem}.skills-grid{gap:1.25rem;padding:0 .75rem}.dock-inner{gap:.75rem;padding:.75rem .9rem}.dock-item{width:44px;height:44px}.dock-center{width:54px;height:54px}.dock-avatar{width:36px;height:36px}}@media screen and (min-width:768px) and (max-width:833px){.hero-content{text-align:center;grid-template-columns:1fr;gap:2.5rem;padding:1.5rem 1.5rem 7rem}.hero-left{text-align:center;align-items:center}.hero-image-container{width:400px;height:400px}.hero-title{font-size:clamp(3rem,7vw,4.5rem)}.hero-subtitle{font-size:1.25rem}.hero-description{max-width:600px;margin:0 auto;font-size:1.125rem}.hero-stats{justify-content:center;gap:2.5rem}.about-container{text-align:center;grid-template-columns:1fr;gap:2.5rem}.about-image-container{width:380px;height:380px}.about-features{align-items:center}.projects-grid,.skills-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0 1rem}.dock-inner{gap:.8rem;padding:.8rem 1rem}.dock-item{width:46px;height:46px}.dock-center{width:56px;height:56px}.dock-avatar{width:38px;height:38px}}@media screen and (min-width:834px) and (max-width:1023px){.hero-content{text-align:center;grid-template-columns:1fr;gap:3rem;padding:2rem 2rem 7.5rem}.hero-left{text-align:center;align-items:center}.hero-image-container{width:450px;height:450px}.hero-title{font-size:clamp(3.5rem,6vw,5rem)}.hero-subtitle{font-size:1.375rem}.hero-description{max-width:650px;margin:0 auto;font-size:1.25rem}.about-container{text-align:center;grid-template-columns:1fr;gap:3rem}.about-image-container{width:420px;height:420px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 1.5rem}.skills-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem;padding:0 1.5rem}}@media screen and (min-width:1024px) and (max-width:1279px){.hero-content{grid-template-columns:1fr 1fr;gap:3rem;padding:2rem 2rem 7.5rem}.hero-left{text-align:left;align-items:flex-start}.hero-image-container{width:450px;height:450px}.hero-title{font-size:clamp(3.5rem,5vw,5.5rem)}.hero-description{max-width:500px}.about-container{grid-template-columns:1fr 1fr;gap:3rem}.about-content{text-align:left}.about-features{align-items:flex-start}.about-image-container{width:400px;height:400px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 2rem}.skills-grid{grid-template-columns:repeat(3,1fr);gap:2rem;padding:0 2rem}}@media screen and (min-width:1280px) and (max-width:1439px){.hero-content{gap:3.5rem;max-width:1200px;padding:2rem}.hero-image-container{width:500px;height:500px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;max-width:1200px}.skills-grid{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px}}@media screen and (min-width:1440px) and (max-width:1919px){.hero-content{gap:4rem;max-width:1400px}.hero-image-container{width:550px;height:550px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;max-width:1400px}.skills-grid{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1400px}}@media screen and (min-width:1920px){.hero-content{gap:5rem;max-width:1600px}.hero-image-container{width:600px;height:600px}.hero-title{font-size:clamp(4rem,4vw,6rem)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1600px}.skills-grid{grid-template-columns:repeat(5,1fr);gap:2.5rem;max-width:1600px}}@media screen and (max-width:320px) and (max-height:568px){.hero-section{min-height:100vh}.hero-content{padding-bottom:5rem}}@media screen and (width:375px) and (height:812px){.hero-image-container{width:260px;height:260px}}@media screen and (width:390px) and (height:844px){.hero-image-container{width:280px;height:280px}}@media screen and (width:428px) and (height:926px){.hero-image-container{width:320px;height:320px}}@media screen and (width:768px) and (height:1024px){.hero-content{padding:2rem}.hero-image-container{width:380px;height:380px}}@media screen and (width:820px) and (height:1180px){.hero-image-container{width:400px;height:400px}}@media screen and (width:834px) and (height:1194px){.hero-image-container{width:420px;height:420px}}@media screen and (width:1024px) and (height:1366px){.hero-content{grid-template-columns:1fr 1fr;gap:3rem}.hero-left{text-align:left;align-items:flex-start}}@media screen and (max-height:480px) and (orientation:landscape){.hero-section{min-height:100vh;padding:1rem 0}.hero-content{grid-template-columns:1fr 1fr;gap:2rem;padding:1rem 1rem 6rem}.hero-left{text-align:left;align-items:flex-start}.hero-image-container{width:250px;height:250px}.hero-title{font-size:clamp(1.75rem,6vw,2.5rem)}.hero-subtitle{margin:.5rem 0 1rem;font-size:1rem}.hero-description{font-size:.875rem}.hero-stats{flex-direction:row;gap:1.5rem}.dock-inner{gap:.6rem;padding:.6rem .8rem}.dock-item{width:40px;height:40px}.dock-center{width:48px;height:48px}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){.hero-content{grid-template-columns:1fr 1fr;gap:3rem}.hero-left{text-align:left;align-items:flex-start}.hero-image-container{width:350px;height:350px}.about-container{grid-template-columns:1fr 1fr;gap:3rem}.about-content{text-align:left}.about-features{align-items:flex-start}}@media (hover:none) and (pointer:coarse){.dock-item{min-width:44px;min-height:44px}.project-card{cursor:pointer}.btn,.hero-cta,.about-cta,.projects-cta,.closing-cta{min-height:44px;padding:.875rem 1.75rem}.project-card:active{transform:translateY(-8px);box-shadow:0 20px 40px #0006}.dock-item:active{transform:scale(1.1)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-image,.about-image,.project-image,.preview-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-image-container,.project-card,.skill-card,.about-image-container{animation:none!important}}@media (prefers-contrast:high){.hero-title,.about-title,.projects-title,.closing-title{color:#fff!important;-webkit-text-fill-color:#fff!important}.project-card,.skill-card{border:2px solid #fff}.dock-inner{border:2px solid #ffffff80}}@media print{.dock,.hero-arrow-button,.project-overlay,.preview-overlay{display:none!important}.hero-section,.about-section,.projects-section,.skills-section{page-break-inside:avoid;color:#000!important;background:#fff!important}.hero-title,.about-title,.projects-title{color:#000!important;-webkit-text-fill-color:black!important}}.hero-image-container,.project-card,.skill-card,.dock-item,.about-image-container{will-change:transform;transform:translateZ(0)}@media (-webkit-min-device-pixel-ratio:1.5){.hero-image,.about-image,.project-image{image-rendering:-webkit-optimize-contrast}}@supports (container-type:inline-size){.hero-content{container-type:inline-size}@container (max-width:768px){.hero-content{text-align:center;grid-template-columns:1fr}}}.mobile-only{display:block}.tablet-only,.desktop-only{display:none}@media screen and (min-width:768px){.mobile-only{display:none}.tablet-only{display:block}}@media screen and (min-width:1024px){.tablet-only{display:none}.desktop-only{display:block}}.spacing-mobile{padding:1rem}.spacing-tablet{padding:1.5rem}.spacing-desktop{padding:2rem}@media screen and (min-width:768px){.spacing-mobile{padding:1.5rem}}@media screen and (min-width:1024px){.spacing-mobile{padding:2rem}}.text-responsive-sm{font-size:clamp(.875rem,2.5vw,1rem)}.text-responsive-md{font-size:clamp(1rem,3vw,1.25rem)}.text-responsive-lg{font-size:clamp(1.25rem,4vw,1.75rem)}.text-responsive-xl{font-size:clamp(1.75rem,5vw,2.5rem)}.text-responsive-2xl{font-size:clamp(2.5rem,6vw,4rem)}@media screen and (max-width:280px){*{word-wrap:break-word!important;overflow-wrap:break-word!important;min-width:0!important}.hero-content,.about-container,.projects-container{grid-template-columns:1fr!important;gap:1rem!important;padding:.5rem!important}.hero-image-container{width:180px!important;height:180px!important}.dock-inner{gap:.4rem!important;padding:.5rem .6rem!important}.dock-item{width:36px!important;height:36px!important}.dock-center{width:42px!important;height:42px!important}}@media screen and (min-width:2560px){.hero-content,.about-container,.projects-container,.skills-container{max-width:2000px!important}.hero-image-container{max-width:700px!important;max-height:700px!important}}@media screen and (max-width:767px){.hero-image-container{border-radius:20px;margin:0 auto;position:relative;overflow:hidden;width:90vw!important;max-width:350px!important;height:90vw!important;max-height:350px!important}.hero-image{border-radius:20px;display:block;object-fit:cover!important;object-position:center center!important;width:100%!important;height:100%!important}.hero-image-container:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}}@media screen and (max-width:374px){.hero-image-container{border-radius:15px;width:85vw!important;max-width:280px!important;height:85vw!important;max-height:280px!important}.hero-image{border-radius:15px}}@media screen and (min-width:375px) and (max-width:479px){.hero-image-container{border-radius:18px;width:88vw!important;max-width:320px!important;height:88vw!important;max-height:320px!important}.hero-image{border-radius:18px}}@media screen and (min-width:480px) and (max-width:767px){.hero-image-container{border-radius:20px;width:85vw!important;max-width:380px!important;height:85vw!important;max-height:380px!important}.hero-image{border-radius:20px}}@media screen and (max-height:480px) and (orientation:landscape) and (max-width:767px){.hero-image-container{border-radius:15px;width:40vh!important;max-width:300px!important;height:40vh!important;max-height:300px!important}.hero-image{border-radius:15px}}@media screen and (max-width:320px){.hero-image-container{border-radius:12px;width:260px!important;height:260px!important}.hero-image{border-radius:12px}}@media screen and (width:375px){.hero-image-container{border-radius:18px;width:300px!important;height:300px!important}.hero-image{border-radius:18px}}@media screen and (width:390px){.hero-image-container{border-radius:18px;width:320px!important;height:320px!important}.hero-image{border-radius:18px}}@media screen and (width:428px){.hero-image-container{border-radius:20px;width:350px!important;height:350px!important}.hero-image{border-radius:20px}}@media screen and (max-width:767px){.hero-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden;vertical-align:top;font-family:"object-fit: cover;";transform:translateZ(0)}.hero-image-container{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.no-object-fit .hero-image{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-image-container{aspect-ratio:1;flex-shrink:0;margin-left:auto;margin-right:auto;display:block;position:relative}.hero-image{object-position:center 20%;min-width:100%;max-width:none;min-height:100%;position:absolute;top:0;left:0}}@media screen and (max-width:280px){.hero-image-container{border-radius:10px;width:240px!important;height:240px!important}.hero-image{border-radius:10px}}@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2){.hero-image{image-rendering:-webkit-optimize-contrast;backface-visibility:hidden}}@media (hover:none) and (pointer:coarse) and (max-width:767px){.hero-image-container{touch-action:manipulation;-webkit-user-select:none;user-select:none}.hero-image{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}}@media screen and (max-width:767px){.hero-arrow-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}}@media screen and (max-width:834px) and (orientation:portrait){.hero-arrow-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}}@media screen and (max-height:480px) and (orientation:landscape) and (max-width:767px){.hero-arrow-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}}@media screen and (min-width:768px) and (orientation:landscape){.hero-arrow-button{opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:flex!important}}@media screen and (min-width:1024px){.hero-arrow-button{opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:flex!important}}@media (hover:none) and (pointer:coarse){.hero-arrow-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}}.project-link{opacity:0;z-index:15;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;position:absolute;top:1rem;right:1rem;transform:scale(.8);box-shadow:0 4px 15px #0000004d;background:#1a1a1ae6!important;display:flex!important}.project-link svg{transition:all .2s;color:#fff!important;stroke-width:2.5px!important;stroke:#fff!important;fill:none!important;width:18px!important;height:18px!important}.project-link .text-gray-700{color:#fff!important;stroke:#fff!important}.project-link>*{color:#fff!important;fill:none!important;stroke:#fff!important}.project-link [data-lucide]{color:#fff!important;stroke:#fff!important;fill:none!important;stroke-width:2.5px!important;width:18px!important;height:18px!important}.project-card,.project-card .relative{position:relative}.project-link{z-index:15!important;pointer-events:auto!important}.project-link:before{content:"";opacity:0;z-index:-1;border-bottom:8px solid #374151;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-30%,-60%)rotate(45deg)}.project-link:not(:has(svg)):before{opacity:1}.project-link:has(svg[style*="display: none"]):before{opacity:1}@media screen and (max-width:768px){.project-link{width:2.5rem;height:2.5rem;top:.75rem;right:.75rem}.project-link svg{width:18px!important;height:18px!important}}@media screen and (max-width:480px){.project-link{width:2.25rem;height:2.25rem;top:.5rem;right:.5rem}.project-link svg{width:16px!important;height:16px!important}}.project-link{background:#fffffff2!important;transition:all .3s!important}.project-link svg{color:#6b7280!important;stroke:#6b7280!important;stroke-width:2px!important;transition:all .3s!important}.project-link .text-gray-700{color:#6b7280!important;transition:color .3s!important}.project-link [data-lucide]{color:#6b7280!important;stroke:#6b7280!important;fill:none!important;stroke-width:2px!important;transition:all .3s!important}.project-link>*{color:#6b7280!important;transition:color .3s!important}.project-link:hover{opacity:1!important;background:#1f2937!important;transform:scale(1.1)!important;box-shadow:0 8px 25px #1f29374d!important}.project-link:hover svg{color:#fff!important;stroke:#fff!important;transform:translate(2px)translateY(-2px)!important}.project-link:hover .text-gray-700{color:#fff!important}.project-link:hover [data-lucide]{color:#fff!important;stroke:#fff!important}.project-link:hover>*{color:#fff!important}.project-link{cursor:pointer!important;z-index:20!important;width:3.5rem!important;height:3.5rem!important}@media screen and (max-width:768px){.project-link{width:3rem!important;height:3rem!important}}@media screen and (max-width:480px){.project-link{width:2.75rem!important;height:2.75rem!important}}.project-card .project-link{opacity:1!important;visibility:visible!important;display:flex!important;transform:scale(1)!important}.project-link svg,.project-link .text-gray-700,.project-link [data-lucide],.project-link>*{color:#9ca3af!important;stroke:#9ca3af!important;opacity:1!important;visibility:visible!important}.project-link:hover svg,.project-link:hover .text-gray-700,.project-link:hover [data-lucide],.project-link:hover>*{color:#fff!important;stroke:#fff!important}.project-card .project-link{opacity:0!important;transition:all .3s!important;transform:scale(.8)!important}.project-link svg,.project-link .text-gray-700,.project-link [data-lucide]{color:#6b7280!important;stroke:#6b7280!important;transition:all .3s!important}.project-link:hover svg,.project-link:hover .text-gray-700,.project-link:hover [data-lucide]{color:#fff!important;stroke:#fff!important;transform:translate(2px)translateY(-2px)!important}.project-link{z-index:15!important;cursor:pointer!important;background:#fffffff2!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:3rem!important;height:3rem!important;display:flex!important;position:absolute!important;top:1rem!important;right:1rem!important;box-shadow:0 4px 15px #0000001a!important}@media screen and (max-width:768px){.project-link{width:2.5rem!important;height:2.5rem!important;top:.75rem!important;right:.75rem!important}.project-link svg,.project-link [data-lucide]{width:18px!important;height:18px!important}}@media screen and (max-width:480px){.project-link{width:2.25rem!important;height:2.25rem!important;top:.5rem!important;right:.5rem!important}.project-link svg,.project-link [data-lucide]{width:16px!important;height:16px!important}}.project-link{z-index:15!important;cursor:pointer!important;background:#1f2937!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:3rem!important;height:3rem!important;transition:all .3s!important;display:flex!important;position:absolute!important;top:1rem!important;right:1rem!important;box-shadow:0 4px 20px #0000004d!important}.project-card .project-link{opacity:0!important;transform:scale(.8)!important}.project-card:hover .project-link{opacity:1!important;transform:scale(1)!important}.project-link svg,.project-link .text-gray-700,.project-link [data-lucide],.project-link>*{color:#fff!important;stroke:#fff!important;fill:none!important;stroke-width:2.5px!important;width:20px!important;height:20px!important;transition:all .3s!important}.project-link:hover{background:#111827!important;transform:scale(1.1)!important;box-shadow:0 6px 25px #0006!important}.project-link:hover svg,.project-link:hover .text-gray-700,.project-link:hover [data-lucide],.project-link:hover>*{transform:translate(2px)translateY(-2px)!important}@media screen and (max-width:768px){.project-link{width:2.5rem!important;height:2.5rem!important;top:.75rem!important;right:.75rem!important}.project-link svg,.project-link [data-lucide]{width:18px!important;height:18px!important}}@media screen and (max-width:480px){.project-link{width:2.25rem!important;height:2.25rem!important;top:.5rem!important;right:.5rem!important}.project-link svg,.project-link [data-lucide]{width:16px!important;height:16px!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}