@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500;600;700&family=Dancing+Script:wght@400;500;600;700&family=Great+Vibes&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;max-width:100%;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#000,#0a0a0a 50%,#000);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.01em;line-height:1.6;min-height:100vh;position:relative}body:before{animation:globalPulse 20s ease-in-out infinite alternate;background:radial-gradient(circle at 10% 20%,#ffd70008 0,#0000 50%),radial-gradient(circle at 90% 80%,#ffa50008 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@keyframes globalPulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.App{position:relative;text-align:center;z-index:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,gold,orange);border-radius:4px;-webkit-transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:scaleY(1.1)}*{scrollbar-color:gold #f1f1f1;scrollbar-width:thin}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes professionalGlow{0%,to{box-shadow:0 0 20px #ffd70033}50%{box-shadow:0 0 40px #ffd70066,0 0 80px #ffd7001a}}@keyframes subtleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.in-view{opacity:1;transform:translateY(0)}.professional-card{perspective:1000px;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.professional-card:hover{transform:translateY(-8px) scale(1.02) rotateX(5deg) rotateY(3deg)}.container,section{transform-style:preserve-3d}section{perspective:1000px}@keyframes glow{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 30px #ffd70099}}section{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;min-height:100vh;padding:120px 0;width:100%}h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0;text-rendering:optimizeLegibility}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600}p{color:#ccc;font-size:1.1rem;line-height:1.7}.section-spacing{margin-bottom:6rem}.text-center{text-align:center}.container{margin:0 auto;padding:0;width:100%}.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,gold,orange 50%,#ff8c00);border:none;border-radius:16px;box-shadow:0 8px 25px #ffd7004d,0 0 0 1px #ffd70033;color:#000;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:18px 36px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn:hover{background:linear-gradient(135deg,#ffe135,#ffb347 50%,#ff9500);box-shadow:0 20px 50px #ffd70080,0 0 40px #ffd7004d,0 0 0 1px #ffd70066;transform:translateY(-5px) scale(1.05)}.btn:active{transform:translateY(-1px) scale(.98) rotateX(2deg) rotateY(1deg)}.btn:before{background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:12px;bottom:0;left:0;right:0;transform:translateZ(-1px);transition:all .3s ease}.btn:hover:before{transform:translateZ(1px) rotateX(5deg)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}html{scroll-behavior:smooth;scroll-padding-top:80px;scroll-snap-type:none}body,html{-webkit-overflow-scrolling:touch;max-width:100vw;overflow-x:hidden;overscroll-behavior-y:smooth;width:100%}body{will-change:scroll-position}*{scroll-behavior:smooth}.container,.projects,.projects-grid,section{backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:layout style paint;perspective:1000px;-webkit-perspective:1000px;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:scroll-position}body,html{-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;overscroll-behavior-y:smooth;scroll-snap-type:none}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}canvas,img,video{height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-width:100%;transform:translateZ(0);-webkit-transform:translateZ(0)}.loading{align-items:center;background:#000;display:flex;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}a:focus,button:focus,input:focus,textarea:focus{outline:2px solid gold;outline-offset:2px}@media (max-width:768px){section{padding:60px 0}.container{padding:0}}@media (max-width:480px){section{padding:40px 0}}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#000000b3,#141414cc);border-bottom:1px solid #ffd70033;box-shadow:0 4px 30px #0000004d;position:fixed;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:1001}.navbar.scrolled{background:linear-gradient(135deg,#000000f2,#141414fa);border-bottom:1px solid #ffd7004d;box-shadow:0 8px 32px #0006,0 0 0 1px #ffd7001a,inset 0 1px 0 #ffffff0d}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem;width:100%}.nav-container,.nav-logo{align-items:center;display:flex;height:70px}.nav-logo{cursor:pointer;flex-shrink:0;justify-content:flex-start;min-width:auto;position:relative;width:auto}.nav-logo-img{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:drop-shadow(0 2px 8px rgba(255,215,0,.3));height:50px;image-rendering:auto;object-fit:contain;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1);width:auto}.nav-logo:hover .nav-logo-img{filter:drop-shadow(0 4px 12px rgba(255,215,0,.6))}.nav-menu{align-items:center;display:flex;flex-shrink:1;gap:.5rem;list-style:none;min-width:0}.nav-link{border-radius:8px;color:#ffffffe6;font-size:.85rem;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:.4rem 1rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:before{background:linear-gradient(135deg,#ffd7001a,#ffa5000d);border-radius:8px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.nav-link:hover:before{opacity:1}.nav-link:after{background:linear-gradient(90deg,#0000,gold,#0000);bottom:8px;box-shadow:0 0 10px #ffd70080;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);width:0}.nav-link:hover{color:gold;text-shadow:0 0 10px #ffd7004d;transform:translateY(-2px)}.nav-link.active:after,.nav-link:hover:after{width:60%}.nav-link.active{background:linear-gradient(135deg,#ffd70026,#ffa5001a);color:gold;text-shadow:0 0 10px #ffd70066}.nav-toggle{background:#ffd7001a;border:1px solid #ffd70033;border-radius:8px;color:gold;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;transition:all .3s ease}.nav-toggle:hover{background:#ffd70033;border-color:#ffd70066;transform:scale(1.1)}@media (max-width:768px){.nav-container{height:60px;min-height:60px;padding:0 1.5rem}.nav-logo{height:60px;min-width:auto;width:auto}.nav-logo-img{height:40px}.nav-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#000000fa,#141414fa);border-bottom:1px solid #ffd70033;box-shadow:0 10px 40px #00000080,inset 0 1px 0 #ffd7001a;flex-direction:column;gap:.5rem;left:-100%;padding:2rem 0;position:fixed;text-align:center;top:60px;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.nav-menu.active{left:0}.nav-link{border-bottom:1px solid #ffd7001a;border-radius:0;color:#ffffffe6;display:block;margin:0 1rem;padding:1rem 2rem;width:100%}.nav-link:hover{background:linear-gradient(135deg,#ffd70026,#ffa5001a);color:gold;transform:translateX(10px)}.nav-link:after{display:none}.nav-toggle{display:block}}.hero{align-items:center;background:linear-gradient(180deg,#000,#0a0a0a 50%,#000);box-sizing:border-box;display:flex;height:100vh;justify-content:center;max-width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:hidden;padding-bottom:0;padding-top:90px;position:relative;width:100%}.hero:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ffd70014 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffa5000f 0,#0000 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cpattern id='a' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40 0H0v40' fill='none' stroke='gold' stroke-width='.5' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h200v200H0z'/%3E%3C/svg%3E");content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@media (min-width:769px){.hero{height:100vh;min-height:100vh;overflow:hidden}}.hero-background{left:0;top:0;z-index:1}.floating-shapes,.hero-background{height:100%;position:absolute;width:100%}.shape{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;position:absolute}.shape-1{animation:float 6s ease-in-out infinite,pulse 4s ease-in-out infinite;background:linear-gradient(135deg,#ffd7004d,#ffa50033);height:80px;left:10%;top:20%;width:80px}.shape-2{animation:float 8s ease-in-out infinite reverse,pulse 5s ease-in-out infinite;background:linear-gradient(135deg,#ffa50033,#ff8c001a);height:120px;right:15%;top:60%;width:120px}.shape-3{animation:float 7s ease-in-out infinite,pulse 6s ease-in-out infinite;background:linear-gradient(135deg,#ff8c0033,#ffd7001a);bottom:30%;height:60px;left:70%;width:60px}.hero-container{max-width:100%;padding:0;perspective:1000px;position:relative;z-index:2}.hero-container,.hero-content{box-sizing:border-box;overflow:visible;width:100%}.hero-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr;height:calc(100vh - 90px);margin:0 auto;max-width:1400px;padding:1.5rem 4rem}.hero-image{align-items:flex-start;overflow:visible;padding-left:2rem;padding-right:0;padding-top:0;position:relative;width:100%;z-index:1}.hero-image,.hero-text{display:flex;justify-content:center}.hero-text{color:#fff;flex-direction:column;height:100%;padding-left:0;padding-right:2rem;text-align:left}.image-container{align-items:flex-start;display:flex;justify-content:center;margin-top:0;padding-top:0;width:100%}.image-container,.image-wrapper{animation:none!important;background:#0000;position:relative;transform:none!important}.image-wrapper{display:inline-block;overflow:visible;z-index:2}.talk-box{word-wrap:break-word;animation:talkBoxFloat 4s ease-in-out infinite,talkBoxShine 3s ease-in-out infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffd700fa,#ffa500f2);border:1.5px solid #ffd700e6;border-radius:10px;box-shadow:0 8px 20px #ffd70066,0 3px 8px #0003,inset 0 1px 3px #fff6,inset 0 -1px 2px #0000001a;color:#000;font-size:.65rem;font-weight:700;letter-spacing:.01em;line-height:1.25;max-width:130px;min-width:90px;padding:6px 10px;position:absolute;right:20px;top:50px;z-index:999}.talk-box-text{text-shadow:0 1px 2px #ffffff4d}.talk-box-cursor,.talk-box-text{display:inline-block;position:relative;z-index:2}.talk-box-cursor{animation:talkCursorBlink 1s infinite;color:#000;font-size:.9em;font-weight:900;margin-left:2px;vertical-align:initial}@keyframes talkCursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes talkBoxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes talkBoxShine{0%,to{box-shadow:0 15px 40px #ffd70066,0 5px 15px #0003,inset 0 2px 4px #fff6,inset 0 -1px 2px #0000001a}50%{box-shadow:0 20px 50px #ffd70080,0 8px 20px #0000004d,inset 0 2px 4px #ffffff80,inset 0 -1px 2px #0000001a,0 0 25px #ffd70040}}.talk-box:before{border-bottom:5px solid #0000;border-right:7px solid #ffd700fa;border-top:5px solid #0000;content:"";filter:drop-shadow(-2px 0 3px rgba(0,0,0,.3));height:0;left:-6px;position:absolute;top:35%;transform:translateY(-50%);width:0;z-index:-1}.talk-box:after{background:linear-gradient(135deg,#ffffff40,#0000 50%,#ffd70026);border-radius:10px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@media (max-width:1200px){.talk-box{font-size:.6rem;max-width:120px;min-width:80px;padding:6px 10px;right:15px;top:50px}.talk-box:before{border-bottom-width:5px;border-right-width:7px;border-top-width:5px;left:-5px}}@media (max-width:768px){.talk-box{border-radius:12px;font-size:.6rem;margin-bottom:0;max-width:140px;min-width:100px;padding:5px 8px;position:absolute;right:10px;top:12%;transform:none}.talk-box:before{border:6px solid #0000;border-left:none;border-right:7px solid #ffd700fa;left:-6px;top:50%;transform:translateY(-50%)}.talk-box:after{border-radius:12px}}@media (max-width:480px){.talk-box{font-size:.55rem;max-width:120px;min-width:90px;padding:4px 7px;right:8px;top:10%}.talk-box:before{border-bottom-width:5px;border-right-width:6px;border-top-width:5px;left:-5px}}@media (max-width:360px){.talk-box{font-size:.5rem;max-width:110px;min-width:85px;padding:4px 6px;right:5px;top:8%}}.hero-photo{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:none!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0000004d,#1414144d);border:6px solid gold;border-radius:24px;box-shadow:0 30px 80px #00000080,0 0 0 2px #ffd7004d,inset 0 1px 0 #ffffff1a,0 0 60px #ffd7004d;box-sizing:border-box;display:block;filter:brightness(1.05) contrast(1.05);height:auto;image-rendering:auto;margin-top:0;max-height:calc(100vh - 150px);max-width:820px;object-fit:contain;padding:6px;position:relative;transform:none!important;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%;z-index:2}.hero-photo:hover{border-color:#ffe135;box-shadow:0 40px 100px #ffd70080,0 0 0 3px #ffd70080,inset 0 1px 0 #fff3,0 0 80px #ffd70099;transform:translateY(-8px) scale(1.02)}.image-wrapper:before{background:linear-gradient(135deg,#ffd70033,#ffa5001a);border-radius:32px;bottom:-8px;content:"";left:-8px;opacity:0;position:absolute;right:-8px;top:-8px;transition:opacity .5s ease;z-index:-1}.image-wrapper:hover:before{opacity:1}.image-placeholder{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1a,#fff3);border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 20px 40px #0000001a;height:300px;transition:all .3s ease;width:300px}.image-placeholder:before{animation:rotate 4s linear infinite;background:conic-gradient(from 0deg,#0000,#ffffff1a,#0000);height:200%;left:-50%;opacity:0;top:-50%;transition:opacity .3s ease;width:200%}.image-placeholder:hover:before{opacity:1}.photo-icon{font-size:4rem;margin-bottom:1rem}.photo-icon,.photo-text{position:relative;z-index:2}.photo-text{color:#fff;font-size:1.2rem;font-weight:600}.hero-title{background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:.75rem}.hero-title,.highlight{-webkit-text-fill-color:#0000}.highlight{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text}.hero-tagline{color:#ccc;font-size:1.15rem;font-style:italic;font-weight:400;line-height:1.6;margin-bottom:1.5rem;opacity:.9}.hero-subtitle{align-items:center;display:flex;font-size:1.5rem;font-weight:500;margin-bottom:1.5rem;margin-left:0;min-height:2.5rem;padding-left:0}.typing-text{color:gold;font-weight:600}.cursor{animation:blink 1s infinite;color:gold}.hero-description{color:#ccc;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;max-width:600px;opacity:.9}.hero-buttons{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-bottom:1.5rem;margin-left:0;padding-left:0}.btn-primary{background:linear-gradient(135deg,gold,orange);border:none;color:#000}.btn-secondary{background:#0000;border:2px solid #ffd70080;color:#fff}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.btn-secondary svg{margin-right:.5rem}.hero-social{display:flex;gap:1.5rem}.hero-social a{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.hero-social a:hover{background:#fff3;box-shadow:0 10px 25px #0003;transform:translateY(-3px)}.scroll-indicator{bottom:1rem;color:#fff;cursor:pointer;left:44%;margin:0 auto;position:absolute;right:auto;text-align:center;transform:translateX(-50%);width:auto;z-index:10}.scroll-indicator p{font-size:.9rem;margin-top:.5rem;opacity:.8}.scroll-arrow{align-items:center;display:flex;flex-direction:column;gap:4px}.scroll-arrow span{animation:scroll-arrow 2s infinite;background:#fff;border-radius:1px;height:15px;width:2px}.scroll-arrow span:nth-child(2){animation-delay:.2s}.scroll-arrow span:nth-child(3){animation-delay:.4s}@keyframes scroll-arrow{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.5)}}@media (max-width:1024px){.hero-content{gap:3rem;padding:1.5rem 3rem}.hero-photo{max-height:calc(100vh - 180px);max-width:650px}}@media (max-width:768px){.hero{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding-top:90px}.hero-content{align-items:center;gap:2.5rem;grid-template-columns:1fr;height:auto;min-height:calc(100vh - 90px);padding:2rem 2rem 4rem;text-align:center}.hero-text{align-items:center;padding-left:0;padding-right:0}.hero-title{font-size:clamp(2rem,6vw,2.8rem);margin-bottom:.5rem}.hero-subtitle{font-size:clamp(1rem,3vw,1.3rem);margin-bottom:1.5rem}.hero-image{justify-content:center;padding-left:0;padding-right:0}.hero-photo{border:4px solid gold;height:auto;max-height:none;max-width:500px;width:100%}.image-placeholder{height:200px;width:200px}.hero-buttons{align-items:center;width:100%}.hero-buttons,.hero-social{justify-content:center}.scroll-indicator{bottom:1.5rem}}@media (max-width:600px){.hero-content{gap:2rem;padding:2rem 1.5rem 4rem}.hero-photo{max-width:450px}.hero-buttons{flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem}.btn{font-size:.9rem;padding:.75rem 1.5rem}.scroll-indicator{bottom:.75rem}}@media (max-width:480px){.hero{padding-top:90px}.hero-content{gap:2rem;min-height:calc(100vh - 90px);padding:1.5rem 1rem 4rem}.hero-title{font-size:clamp(1.75rem,8vw,2.25rem);line-height:1.2}.hero-subtitle{font-size:clamp(.95rem,4vw,1.1rem);line-height:1.5}.hero-photo{border:3px solid gold;height:auto;max-width:380px;width:100%}.hero-buttons{align-items:stretch;flex-direction:column;gap:.75rem;margin-bottom:3rem;width:100%}.btn{font-size:.9rem;margin:0 auto;max-width:280px;padding:.8rem 1.5rem;width:100%}.scroll-indicator{bottom:.5rem}.scroll-arrow{font-size:1.5rem}}@media (max-width:360px){.hero-content{padding:1.5rem .75rem 4rem}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.95rem}.hero-photo{max-width:320px}.hero-buttons{margin-bottom:3rem}.btn{font-size:.85rem;padding:.7rem 1.25rem}.scroll-indicator{bottom:.5rem}}.about{background:linear-gradient(180deg,#000,#0a0a0a 50%,#000);max-width:100vw;overflow-x:hidden;overflow-y:hidden;padding:100px 0;position:relative;width:100%}.about:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ffd70014 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffa5000f 0,#0000 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cpattern id='a' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40 0H0v40' fill='none' stroke='gold' stroke-width='.5' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h200v200H0z'/%3E%3C/svg%3E");content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.about .container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0 4rem;position:relative;width:100%;z-index:1}.section-title{animation:titleShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,gold,orange 50%,#ff8c00);font-size:clamp(2.8rem,6vw,4.5rem);font-weight:900;letter-spacing:-.03em;text-shadow:0 0 40px #ffd7004d}@keyframes titleShimmer{0%,to{filter:brightness(1) drop-shadow(0 0 20px rgba(255,215,0,.3))}50%{filter:brightness(1.3) drop-shadow(0 0 30px rgba(255,215,0,.5))}}.section-title:before{animation:titleGlow 4s ease-in-out infinite;background:radial-gradient(circle,#ffd7001a 0,#0000 70%);content:"";height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:-1}@keyframes titleGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.section-title:after{animation:underlineGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,gold,orange,gold,#0000);border-radius:3px;bottom:-15px;box-shadow:0 0 20px #ffd70099;height:5px;width:100px}@keyframes underlineGlow{0%,to{box-shadow:0 0 20px #ffd70099;opacity:1}50%{box-shadow:0 0 40px #ffd700e6;opacity:.9}}.section-subtitle{color:#fffffff2;font-size:1.4rem;font-weight:400;letter-spacing:.01em;line-height:1.8;margin-bottom:4rem;max-width:700px;text-shadow:0 2px 10px #00000080}.about-header{margin-bottom:4rem;position:relative;z-index:1}.about-content{grid-gap:2.5rem;align-items:start;display:grid;gap:2.5rem;grid-template-columns:1.2fr 1fr;margin-bottom:5rem;margin-left:auto;margin-right:auto;max-width:1400px;position:relative;z-index:1}.about-text{display:flex;flex-direction:column;gap:2rem;height:100%}.about-card{backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,#000000b3,#14141480);border:1px solid #ffd7004d;border-radius:32px;box-shadow:0 25px 80px #0009,0 0 0 1px #ffd70033,inset 0 1px 0 #ffffff1a;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:3rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.about-card:before{background:linear-gradient(135deg,#ffd7001a,#ffa5000d 50%,#0000);border-radius:32px;bottom:0;left:0;right:0;top:0;transition:opacity .5s ease;z-index:0}.about-card:after,.about-card:before{content:"";opacity:0;position:absolute}.about-card:after{animation:rotate 20s linear infinite;background:conic-gradient(from 0deg,#0000,#ffd7001a,#0000 30%,#0000);border-radius:50%;height:150%;left:50%;max-height:600px;max-width:600px;overflow:hidden;top:50%;transform:translate(-50%,-50%) rotate(0deg);transition:transform 1s ease,opacity .5s ease;width:150%;z-index:-1}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.about-card:hover:before{opacity:1}.about-card:hover:after{opacity:.3}.about-card:hover{border-color:#ffd70099;box-shadow:0 35px 100px #ffd7004d,0 0 0 1px #ffd70080,0 0 80px #ffd70033,inset 0 1px 0 #fff3;transform:translateY(-12px) scale(1.02)}.about-card h3{-webkit-text-fill-color:#0000;animation:shimmer 3s linear infinite;background:linear-gradient(135deg,gold,orange 50%,gold);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem;position:relative;z-index:1}.about-card p{color:#ffffffe6;font-size:1.05rem;font-weight:400;line-height:1.9;margin-bottom:1.2rem;position:relative;z-index:1}.about-card p:last-child{margin-bottom:0}.about-stats{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;height:100%}.stat-card{align-items:center;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,#000c,#14141499);border:1px solid #ffd7004d;border-radius:28px;box-shadow:0 25px 70px #0009,0 0 0 1px #ffd70033,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;gap:1.2rem;height:100%;justify-content:center;min-height:200px;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(135deg,#ffd7001f,#ffa5000f 50%,#0000);border-radius:28px;bottom:0;left:0;right:0;top:0;transition:opacity .5s ease;z-index:0}.stat-card:after,.stat-card:before{content:"";opacity:0;position:absolute}.stat-card:after{background:radial-gradient(circle,#ffd70040 0,#0000 70%);border-radius:50%;height:200%;left:50%;max-height:400px;max-width:400px;overflow:hidden;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .6s ease;width:200%;z-index:-1}.stat-card:hover:before{opacity:1}.stat-card:hover:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.stat-card:hover{border-color:#ffd70099;box-shadow:0 35px 100px #ffd70059,0 0 0 1px #ffd70080,0 0 80px #ffd70040,inset 0 1px 0 #fff3;transform:translateY(-10px) scale(1.03)}.stat-icon{font-size:2rem;margin-bottom:.5rem;transition:all .3s ease}.stat-number{-webkit-text-fill-color:#0000;align-items:center;animation:numberGlow 3s ease-in-out infinite;background:linear-gradient(135deg,gold,orange 50%,#ff8c00);-webkit-background-clip:text;background-clip:text;display:flex;filter:drop-shadow(0 0 15px rgba(255,215,0,.5));font-size:3.2rem;font-weight:800;justify-content:center;letter-spacing:-.02em;line-height:1.2;margin-bottom:0;min-height:4rem;position:relative;text-shadow:0 0 30px #ffd7004d;z-index:1}@keyframes numberGlow{0%,to{filter:drop-shadow(0 0 15px rgba(255,215,0,.5))}50%{filter:drop-shadow(0 0 25px rgba(255,215,0,.8))}}.stat-label{align-items:center;color:#ffffffe6;display:flex;font-size:1rem;font-weight:500;justify-content:center;line-height:1.4;min-height:1.4rem}.features-grid,.stat-label{position:relative;z-index:1}.features-grid{grid-gap:2.5rem;align-items:stretch;display:grid;gap:2.5rem;grid-template-columns:repeat(4,1fr);margin-left:auto;margin-right:auto;max-width:1400px}@media (max-width:1200px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{align-items:center;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,#000000b3,#14141480);border:1px solid #ffd7004d;border-radius:32px;box-shadow:0 25px 80px #0009,0 0 0 1px #ffd70033,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;height:100%;justify-content:flex-start;min-height:320px;overflow:hidden;padding:3rem;position:relative;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:linear-gradient(135deg,#ffd70014,#0000 50%);border-radius:24px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:0}.feature-card:after{background:radial-gradient(circle,#ffd70026 0,#0000 70%);border-radius:50%;content:"";height:150%;left:50%;max-height:500px;max-width:500px;opacity:0;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease,opacity .5s ease;width:150%;z-index:-1}.feature-card:hover:before{opacity:1}.feature-card:hover:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.feature-card:hover{border-color:#ffd70080;box-shadow:0 30px 80px #ffd70040,0 0 0 1px #ffd70066,0 0 60px #ffd70026;transform:translateY(-10px)}.feature-icon{align-items:center;background:linear-gradient(135deg,gold,orange 50%,#ff8c00);border:2px solid #ffd7004d;border-radius:50%;box-shadow:0 15px 40px #ffd70066,inset 0 2px 10px #fff3;color:#000;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:80px;z-index:1}.feature-icon:before{animation:rotateBorder 3s linear infinite;background:linear-gradient(135deg,gold,orange,#ff8c00,gold);border-radius:50%;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}@keyframes rotateBorder{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.feature-card:hover .feature-icon{box-shadow:0 20px 50px #ffd70099,inset 0 2px 10px #ffffff4d;filter:drop-shadow(0 0 20px rgba(255,215,0,.8));transform:scale(1.2) rotate(5deg)}.feature-card:hover .feature-icon:before{opacity:1}.feature-card h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;background-clip:text;color:#fff;flex-shrink:0;font-size:1.6rem;font-weight:800;letter-spacing:-.01em;margin-bottom:1.2rem;position:relative;z-index:1}.feature-card p{align-items:center;color:#ffffffe6;display:flex;flex:1 1;font-size:1.05rem;font-weight:400;line-height:1.8;margin:0;position:relative;z-index:1}@media (max-width:1024px){.about .container{padding:0 3rem}.about-content{gap:2rem}.features-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about{padding:80px 0}.about .container{padding:0 2rem}.section-title{font-size:clamp(2rem,6vw,2.8rem)}.section-subtitle{font-size:clamp(1.1rem,3vw,1.3rem);margin-bottom:3rem}.about-content{gap:2.5rem;grid-template-columns:1fr}.about-stats{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:1.5rem}.stat-number{font-size:clamp(1.75rem,5vw,2.25rem)}.features-grid{gap:2rem;grid-template-columns:1fr}.feature-card{min-height:auto;padding:2rem}.about-card{padding:2.5rem}}@media (max-width:600px){.about{padding:70px 0}.about .container{padding:0 1.5rem}.about-header{margin-bottom:3rem}.about-stats{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:1.25rem}.about-card{padding:2rem}.feature-card{padding:1.75rem}}@media (max-width:480px){.about{padding:60px 0}.about .container{padding:0 1rem}.section-title{font-size:clamp(1.75rem,8vw,2.25rem);margin-bottom:1rem}.section-subtitle{font-size:clamp(1rem,4vw,1.15rem)}.about-header,.section-subtitle{margin-bottom:2.5rem}.about-content{gap:2rem}.about-stats{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-number{font-size:1.75rem}.about-card{padding:1.5rem}.about-card h3{font-size:1.5rem}.features-grid{gap:1.5rem}.feature-card{padding:1.5rem}.feature-icon{font-size:2rem}.feature-card h4{font-size:1.25rem}}@media (max-width:360px){.about .container{padding:0 .75rem}.about-card,.feature-card{padding:1.25rem}}.skills{background:linear-gradient(180deg,#000,#0a0a0a 50%,#000);max-width:100vw;overflow-x:hidden;overflow-y:hidden;padding:100px 0;position:relative;width:100%}.skills:after{display:none}.skills .container{box-sizing:border-box;margin:0 auto;max-width:1400px;overflow:visible;padding:0 4rem;position:relative;width:100%;z-index:1}.skills:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ffd70014 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffa5000f 0,#0000 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cpattern id='a' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40 0H0v40' fill='none' stroke='gold' stroke-width='.5' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h200v200H0z'/%3E%3C/svg%3E");content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.section-subtitle{margin-bottom:1.5rem}.skills-header{margin-bottom:5rem;position:relative;z-index:1}.language-cycling-display{align-items:center;display:flex;justify-content:center;margin-top:2rem}.cycling-language{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border:1px solid #ffd7004d;border-radius:24px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffd7001a;display:flex;flex-direction:column;gap:1rem;min-width:200px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.cycling-language:hover{border-color:#ffd70080;box-shadow:0 30px 80px #ffd70033,0 0 0 1px #ffd7004d}.language-icon{font-size:3.5rem;transition:all .3s ease}.language-name{color:#fff;font-size:1.3rem;font-weight:700;text-align:center}.skills-categories{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:5rem;margin-top:0;position:relative;z-index:1}.category-btn{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#000000b3,#141414b3);border:1px solid #ffd70040;border-radius:50px;box-shadow:0 12px 35px #0006,0 0 0 1px #ffd7001a,inset 0 1px 0 #ffffff0d;color:#ffffffe6;cursor:pointer;font-size:1.05rem;font-weight:700;letter-spacing:.02em;overflow:hidden;padding:16px 36px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.category-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.category-btn:hover:before{left:100%}.category-btn:hover{background:#ffd70026;border-color:#ffd70080;box-shadow:0 20px 40px #ffd70033;transform:translateY(-3px)}.category-btn.active{animation:shimmer 3s linear infinite;background:linear-gradient(135deg,gold,orange 50%,gold);background-size:200% auto;border-color:#0000;box-shadow:0 15px 40px #ffd70066,0 0 0 1px #ffd70033,inset 0 1px 0 #ffffff4d;color:#000;font-weight:800;transform:scale(1.08)}.skills-grid{grid-gap:2.5rem;align-items:stretch;box-sizing:border-box;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:5rem;margin-left:auto;margin-right:auto;max-width:1400px;overflow:visible;padding:0;position:relative;width:100%;z-index:1}@media (max-width:1200px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.skills-grid{gap:2rem;grid-template-columns:1fr}.skill-card{min-height:auto}}.skill-card{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#000000b3,#141414b3);border:1px solid #ffd70040;border-radius:28px;box-shadow:0 25px 70px #0009,0 0 0 1px #ffd7001a,inset 0 1px 0 #ffffff0d;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:250px;overflow:hidden;padding:3rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:1}.skill-card:after{background:radial-gradient(circle,#ffd7001a 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;max-height:400px;max-width:400px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;width:0}.skill-card:hover:after{height:300px;opacity:1;width:300px}.skill-card:before{background:linear-gradient(90deg,#0000,#ffd70080,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.skill-card:hover:before{opacity:1}.skill-card:hover{background:linear-gradient(135deg,#ffd70014,#ffa5000d);border-color:#ffd70099;box-shadow:0 35px 90px #ffd70040,0 0 0 1px #ffd70066,inset 0 1px 0 #ffffff1a;transform:translateY(-8px) scale(1.02)}.skill-header{flex-direction:column;gap:1.75rem;text-align:center;width:100%;z-index:2}.skill-header,.skill-icon{align-items:center;display:flex;position:relative}.skill-icon{background:linear-gradient(135deg,#00000080,#14141480);border:1px solid #ffd70033;border-radius:50%;box-shadow:0 12px 35px #0006,0 0 0 1px #ffd7001a,inset 0 1px 0 #ffffff0d;font-size:3.5rem;height:90px;justify-content:center;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);width:90px}.skill-icon:before{background:radial-gradient(circle,#ffd7004d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;width:0;z-index:-1}.skill-card:hover .skill-icon:before{height:150px;width:150px}.skill-card:hover .skill-icon{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border-color:#ffd70080;box-shadow:0 18px 45px #ffd7004d,0 0 0 1px #ffd7004d,inset 0 1px 0 #fff3;transform:scale(1.15) rotate(5deg)}.skill-info{flex:1 1;width:100%}.skill-info h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800;letter-spacing:-.01em;margin:0;position:relative;transition:all .5s ease;z-index:1}.skill-card:hover .skill-info h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text}.skill-level{color:#ffffffb3;font-size:.9rem;font-weight:500}.progress-container{width:100%}.progress-bar{background:#ffffff1a;height:8px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:10px;position:relative}.progress-fill{box-shadow:0 0 15px #ffffff4d;height:100%}.progress-glow{border-radius:10px;filter:blur(4px);height:12px;left:0;opacity:.6;position:absolute;top:-2px}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.skills-summary{grid-gap:2.5rem;align-items:stretch;box-sizing:border-box;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1400px;overflow:visible;padding:0;position:relative;width:100%;z-index:1}.summary-card:first-child{grid-column:1/2.5}.summary-card:last-child{grid-column:2.5/4}@media (max-width:1200px){.skills-summary{grid-template-columns:repeat(2,1fr)}.summary-card:first-child,.summary-card:last-child{grid-column:auto}}@media (max-width:768px){.skills-summary{gap:2rem;grid-template-columns:1fr}.summary-card:first-child,.summary-card:last-child{grid-column:auto}}.summary-card h3{animation:shimmer 3s linear infinite;background:linear-gradient(135deg,gold,orange 50%,gold);background-size:200% auto;font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem}.summary-card p{color:#ffffffd9;font-size:1.1rem;line-height:1.9;opacity:.9}.summary-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#000000b3,#141414b3);border:1px solid #ffd70040;border-radius:28px;box-shadow:0 25px 70px #0009,0 0 0 1px #ffd7001a,inset 0 1px 0 #ffffff0d;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;max-width:100%;min-height:250px;overflow:hidden;padding:3rem;position:relative;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1)}.summary-card:before{background:linear-gradient(90deg,#0000,#ffd70099,#ffa50099,#0000);height:4px;opacity:.5}.summary-card:after{background:radial-gradient(circle,#ffd70026 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0;z-index:-1}.summary-card:hover:after{height:400px;width:400px}.summary-card:hover{box-shadow:0 35px 90px #ffd70033,0 0 0 1px #ffd7004d,inset 0 1px 0 #ffffff1a;transform:translateY(-8px) scale(1.02)}.summary-card:before{background:linear-gradient(90deg,#0000,#ffd70080,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.summary-card:hover:before{opacity:1}.summary-card:hover{border-color:#ffd70080;box-shadow:0 30px 80px #ffd70033,0 0 0 1px #ffd7004d;transform:translateY(-5px)}.summary-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.summary-card p{color:#fffffff2;font-size:1.05rem;line-height:1.8;opacity:.95}@media (max-width:768px){.skills{overflow-x:hidden;overflow-y:hidden;padding:80px 0}.skills .container{overflow:visible;padding:0 2rem}.skills-grid{gap:2rem}.skills-grid,.skills-summary{grid-template-columns:1fr;overflow:visible;padding:0}.skills-summary{gap:1.5rem}.section-title{font-size:clamp(2rem,6vw,2.8rem)}.section-subtitle{font-size:clamp(1.1rem,3vw,1.3rem)}.skills-categories{flex-wrap:wrap;gap:1rem;justify-content:center}.category-btn{font-size:.95rem;min-width:140px;padding:14px 28px;width:auto}.skill-card{min-height:220px}.skill-card,.summary-card{padding:2rem}.cycling-language{min-width:150px;padding:1.5rem}.language-icon{font-size:3rem}.language-name{font-size:1.2rem}}@media (max-width:600px){.skills{padding:70px 0}.skills .container{padding:0 1.5rem}.skills-grid{gap:1.75rem}.skill-card{min-height:200px}.skill-card,.summary-card{padding:1.75rem}}@media (max-width:480px){.skills{padding:60px 0}.skills .container{padding:0 1rem}.section-title{font-size:clamp(1.75rem,8vw,2.25rem)}.section-subtitle{font-size:clamp(1rem,4vw,1.15rem)}.skills-header{margin-bottom:3rem}.skills-categories{gap:.75rem}.category-btn{font-size:.9rem;min-width:120px;padding:12px 24px}.skills-grid{gap:1.5rem}.skill-card{min-height:180px;padding:1.5rem}.skill-header{flex-direction:column;gap:1rem;margin-bottom:1rem;text-align:center}.skill-icon{font-size:1.5rem;height:50px;width:50px}.skills-summary{gap:1.25rem}.summary-card{padding:1.5rem}.cycling-language{min-width:130px;padding:1.25rem}.language-icon{font-size:2.5rem}.language-name{font-size:1.1rem}}@media (max-width:360px){.skills .container{padding:0 .75rem}.category-btn{font-size:.85rem;min-width:110px;padding:10px 20px}.skill-card,.summary-card{padding:1.25rem}}.education{background:linear-gradient(180deg,#000,#0a0a0a 50%,#000);max-width:100vw;overflow-x:hidden;overflow-y:hidden;padding:100px 0;position:relative;width:100%}.education:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ffd70014 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffa5000f 0,#0000 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cpattern id='a' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40 0H0v40' fill='none' stroke='gold' stroke-width='.5' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h200v200H0z'/%3E%3C/svg%3E");content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.education:after{display:none}.education .container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0 4rem;position:relative;width:100%;z-index:1}.education-header,.work-experience-header{margin-bottom:5rem;position:relative;text-align:center;z-index:1}.work-experience-header{margin-top:6rem}.education-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1400px;position:relative;z-index:1}@media (max-width:1200px){.education-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.education-grid{grid-template-columns:1fr}}.education-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#000000b3,#141414b3);border:1px solid #ffd70040;border-radius:28px;box-shadow:0 25px 70px #0009,0 0 0 1px #ffd7001a,inset 0 1px 0 #ffffff0d;overflow:hidden;padding:3rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.education-card:before{background:linear-gradient(135deg,#ffd70014,#0000 50%);border-radius:24px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:0}.education-card:after{background:radial-gradient(circle,#ffd70026 0,#0000 70%);border-radius:50%;content:"";height:150%;left:50%;max-height:500px;max-width:500px;opacity:0;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease,opacity .5s ease;width:150%;z-index:-1}.education-card:hover:before{opacity:1}.education-card:hover:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.education-card:hover{background:linear-gradient(135deg,#ffd70014,#ffa5000d);border-color:#ffd70099;box-shadow:0 35px 90px #ffd70040,0 0 0 1px #ffd70066,0 0 80px #ffd70033,inset 0 1px 0 #ffffff1a;transform:translateY(-12px) scale(1.02)}.education-icon{color:gold;display:flex;font-size:3rem;justify-content:center;margin-bottom:1.5rem;position:relative;transition:all .3s ease;z-index:1}.education-card:hover .education-icon{filter:drop-shadow(0 0 15px rgba(255,215,0,.6));transform:scale(1.15)}.education-content{position:relative;z-index:1}.education-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;letter-spacing:-.01em;line-height:1.3;margin-bottom:1rem}.education-card:hover .education-content h3,.education-content h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text}.education-content h4{font-size:1.3rem;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin-bottom:.75rem}.education-field{color:#fffc;font-size:1rem;font-style:italic;line-height:1.5;margin-bottom:1rem}.education-period{background:#ffd70026;border:1px solid #ffd7004d;border-radius:20px;color:gold;display:inline-block;font-size:.95rem;font-weight:600;margin-bottom:1rem;padding:.4rem 1rem;transition:all .3s ease}.education-card:hover .education-period{background:#ffd70040;border-color:#ffd70080;box-shadow:0 0 15px #ffd7004d}.education-description{color:#ffffffd9;font-size:1rem;line-height:1.7;margin-top:1rem}.work-experience-grid{margin-bottom:3rem}.work-experience-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#000000b3,#141414b3)}.achievements-section{margin-top:5rem}.achievements-title{color:gold;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.achievements-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center}.achievement-badge{background:linear-gradient(135deg,#ffd7001a,#ffa5000d);border:2px solid #ffd7004d;border-radius:16px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1.5rem 2rem;position:relative;text-align:center;transition:all .3s ease}.achievement-badge:before{background:linear-gradient(90deg,#0000,#ffd70033,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.achievement-badge:hover:before{left:100%}.achievement-badge:hover{background:linear-gradient(135deg,#ffd70033,#ffa5001a);border-color:#ffd70080;box-shadow:0 10px 30px #ffd70033}@media (max-width:1024px){.education .container{padding:0 3rem}}@media (max-width:768px){.education{padding:80px 0}.education .container{padding:0 2rem}.section-title{font-size:clamp(2rem,6vw,2.8rem)}.section-subtitle{font-size:clamp(1.1rem,3vw,1.3rem)}.education-grid{gap:2rem}.education-grid,.work-experience-grid{grid-template-columns:1fr}.education-card{padding:2rem}.education-header{margin-bottom:3rem}.work-experience-header{margin-bottom:3rem;margin-top:4rem}.achievements-grid{gap:1rem;grid-template-columns:1fr}.achievement-badge{font-size:1rem;padding:1rem 1.5rem}}@media (max-width:600px){.education{padding:70px 0}.education .container{padding:0 1.5rem}.education-grid{gap:1.75rem}.education-card{padding:1.75rem}}@media (max-width:480px){.education{padding:60px 0}.education .container{padding:0 1rem}.section-title{font-size:clamp(1.75rem,8vw,2.25rem);margin-bottom:.75rem}.section-subtitle{font-size:clamp(1rem,4vw,1.15rem)}.education-header,.section-subtitle{margin-bottom:2.5rem}.work-experience-header{margin-bottom:2.5rem;margin-top:3rem}.education-grid{gap:1.5rem}.education-card{padding:1.5rem}.education-content h3{font-size:1.5rem}.education-content h4{font-size:1.15rem}.education-icon{font-size:2.5rem;margin-bottom:1rem}}@media (max-width:360px){.education .container{padding:0 .75rem}.education-card{padding:1.25rem}}.works{background:linear-gradient(180deg,#000,#0a0a0a 50%,#000);max-width:100vw;overflow-x:hidden;overflow-y:hidden;padding:100px 0;position:relative;width:100%}.works:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ffd70014 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffa5000f 0,#0000 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cpattern id='a' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40 0H0v40' fill='none' stroke='gold' stroke-width='.5' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h200v200H0z'/%3E%3C/svg%3E");content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.works:after{display:none}.section-title{margin-bottom:1rem}.works .container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0 4rem;position:relative;width:100%;z-index:1}.works-header{margin-bottom:5rem;text-align:center}.works-grid,.works-header{position:relative;z-index:1}.works-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1400px}@media (max-width:1200px){.works-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.works-grid{grid-template-columns:1fr}}.works-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#000000b3,#141414b3);border:1px solid #ffd70040;border-radius:28px;box-shadow:0 25px 70px #0009,0 0 0 1px #ffd7001a,inset 0 1px 0 #ffffff0d;overflow:hidden;padding:3rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.works-card:before{background:linear-gradient(135deg,#ffd70014,#0000 50%);border-radius:24px;bottom:0;left:0;right:0;top:0;transition:opacity .4s ease;z-index:0}.works-card:after,.works-card:before{content:"";opacity:0;position:absolute}.works-card:after{background:radial-gradient(circle,#ffd70026 0,#0000 70%);border-radius:50%;height:150%;left:50%;max-height:500px;max-width:500px;overflow:hidden;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease,opacity .5s ease;width:150%;z-index:-1}.works-card:hover:before{opacity:1}.works-card:hover:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.works-card:hover{background:linear-gradient(135deg,#ffd70014,#ffa5000d);border-color:#ffd70099;box-shadow:0 35px 90px #ffd70040,0 0 0 1px #ffd70066,0 0 80px #ffd70033,inset 0 1px 0 #ffffff1a;transform:translateY(-12px) scale(1.02)}.works-icon{color:gold;display:flex;font-size:3rem;justify-content:center;margin-bottom:1.5rem;position:relative;transition:all .3s ease;z-index:1}.works-card:hover .works-icon{filter:drop-shadow(0 0 15px rgba(255,215,0,.6));transform:scale(1.15)}.works-content{position:relative;z-index:1}.works-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;letter-spacing:-.01em;line-height:1.3;margin-bottom:1rem}.works-card:hover .works-content h3,.works-content h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text}.works-content h4{font-size:1.3rem;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin-bottom:.75rem}.works-field{color:#fffc;font-size:1rem;font-style:italic;line-height:1.5;margin-bottom:1rem}.works-period{background:#ffd70026;border:1px solid #ffd7004d;border-radius:20px;color:gold;display:inline-block;font-size:.95rem;font-weight:600;margin-bottom:1rem;padding:.4rem 1rem;transition:all .3s ease}.works-card:hover .works-period{background:#ffd70040;border-color:#ffd70080;box-shadow:0 0 15px #ffd7004d}.works-description{color:#ffffffd9;font-size:1rem;line-height:1.7;margin-top:1rem}@media (max-width:1024px){.works .container{padding:0 3rem}}@media (max-width:768px){.works{padding:80px 0}.works .container{padding:0 2rem}.section-title{font-size:clamp(2rem,6vw,2.8rem)}.section-subtitle{font-size:clamp(1.1rem,3vw,1.3rem)}.works-grid{gap:2rem;grid-template-columns:1fr}.works-card{padding:2rem}}@media (max-width:600px){.works{padding:70px 0}.works .container{padding:0 1.5rem}.works-grid{gap:1.75rem}.works-card{padding:1.75rem}}@media (max-width:480px){.works{padding:60px 0}.works .container{padding:0 1rem}.section-title{font-size:clamp(1.75rem,8vw,2.25rem);margin-bottom:.75rem}.section-subtitle{font-size:clamp(1rem,4vw,1.15rem);margin-bottom:2.5rem}.works-header{margin-bottom:3rem}.works-grid{gap:1.5rem}.works-card{padding:1.5rem}.works-content h3{font-size:1.5rem}.works-content h4{font-size:1.15rem}.works-icon{font-size:2.5rem;margin-bottom:1rem}}@media (max-width:360px){.works .container{padding:0 .75rem}.works-card{padding:1.25rem}}.projects{-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#000,#0a0a0a 50%,#000);max-width:100vw;overflow-x:hidden;overflow-y:visible;overscroll-behavior:smooth;padding:140px 0;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);width:100%;will-change:scroll-position}.projects .container{box-sizing:border-box;margin:0 auto;max-width:1400px;overflow:visible;padding:0 4rem;position:relative;width:100%;z-index:1}.projects:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ffd70014 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffa5000f 0,#0000 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cpattern id='a' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40 0H0v40' fill='none' stroke='gold' stroke-width='.5' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h200v200H0z'/%3E%3C/svg%3E");content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.section-subtitle{color:#ccc;margin-bottom:5rem}.projects-filters,.projects-header{margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:1400px;padding:0}.projects-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:2px solid #ffd70033;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.filter-btn:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.filter-btn:hover:before{left:100%}.filter-btn:hover{background:#ffd7001a;border-color:#ffd70066;box-shadow:0 5px 15px #ffd70033;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,gold,orange);border-color:#0000;box-shadow:0 5px 15px #ffd7004d;color:#000}.projects-grid{grid-gap:1.75rem;box-sizing:border-box;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:1200px;overflow:visible;padding:0;position:relative;width:100%;z-index:1}.project-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border:1px solid #ffd70033;border-radius:16px;box-shadow:0 15px 40px #000000b3,0 0 0 1px #ffd7001a;cursor:pointer;overflow:hidden;perspective:1000px;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card.featured{border:2px solid #ffd70066;box-shadow:0 25px 80px #ffd7004d,0 0 0 1px #ffd70033}.project-card:before{background:linear-gradient(135deg,#ffd70008,#0000 50%);border-radius:24px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:1}.project-card:hover{box-shadow:0 35px 100px #ffd70033,0 0 0 1px #ffd7004d,0 0 60px #ffd7001a;transform:translateY(-12px) scale(1.03) rotateX(5deg) rotateY(5deg)}.project-card:hover:before{opacity:1}.project-image{height:160px;overflow:hidden;position:relative}.project-img{height:100%;object-fit:cover;object-position:center;width:100%}.image-placeholder{align-items:center;background:linear-gradient(135deg,gold,orange);color:#000;display:flex;flex-direction:column;font-size:1.5rem;gap:.5rem;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.image-placeholder:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.image-placeholder:hover:before{left:100%}.project-icon{font-size:2rem;position:relative;z-index:2}.image-placeholder span{font-size:1rem;opacity:.8;position:relative;z-index:2}.featured-badge{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:20px;box-shadow:0 5px 15px #0003;color:#000;display:flex;font-size:.8rem;font-weight:600;gap:.25rem;padding:8px 12px;position:absolute;right:15px;top:15px;z-index:3}.project-content{padding:1.5rem}.project-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.project-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;color:gold;font-size:1.4rem;font-weight:600;margin:0}.project-links{display:flex;gap:.5rem}.project-links a{align-items:center;background:#667eea1a;border-radius:50%;color:#667eea;display:flex;height:35px;justify-content:center;text-decoration:none;transition:all .3s ease;width:35px}.project-links a:hover{background:#667eea33;transform:scale(1.1)}.project-description{color:#ccc;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.project-links-bottom{border-top:1px solid #ffd70033;flex-wrap:nowrap;gap:1rem;justify-content:center;margin-top:1.5rem;min-height:60px;padding-top:1.5rem;pointer-events:auto;z-index:10}.github-icon-wrapper,.project-links-bottom{align-items:center;display:flex;position:relative}.github-icon-wrapper{flex-direction:column;gap:.5rem}.project-link-icon{align-items:center;background:#ffd7001a;background-color:#ffd7001a;border:2px solid #ffd7004d;border-radius:50%;color:gold;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:45px;justify-content:center;margin:0;min-height:45px;min-width:45px;padding:0;pointer-events:auto;position:relative;text-decoration:none;transition:all .3s ease;width:45px;z-index:10}.project-link-icon:hover{background:#ffd70033;border-color:#ffd70080;box-shadow:0 4px 15px #ffd7004d;transform:scale(1.15)}.project-link-icon.private-repo{background:#ff00001a!important;border-color:#f006!important;color:#f44!important;cursor:not-allowed}.project-link-icon.private-repo:hover{background:#f003!important;border-color:#f009!important;box-shadow:0 4px 15px #ff00004d!important}.project-link-icon.handover-project{background:#ff00001a!important;border-color:#f006!important;color:#f44!important;cursor:not-allowed}.project-link-icon.handover-project:hover{background:#f003!important;border-color:#f009!important;box-shadow:0 4px 15px #ff00004d!important}.private-repo-label{background:#ff0000e6;border-radius:12px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:.75rem;font-weight:600;margin-top:.5rem;padding:4px 10px;pointer-events:none;position:absolute;top:100%;white-space:nowrap;z-index:1000}.private-repo-label:before{border:5px solid;border-color:#0000 #0000 #ff0000e6;bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}.details-icon{background:#ffd7001a!important;border-color:#ffd7004d!important;color:gold!important}.details-icon:hover{background:#ffd70033!important;border-color:#ffd70080!important;box-shadow:0 4px 15px #ffd7004d!important}.tech-icon{background:#ffd7001a!important;border-color:#ffd7004d!important;color:gold!important}.tech-icon:hover{background:#ffd70033!important;border-color:#ffd70080!important;box-shadow:0 4px 15px #ffd7004d!important}.tech-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000eb;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;right:0;top:0;z-index:99999}.tech-modal-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(145deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);border:2px solid #ffd7004d;border-radius:24px;box-shadow:0 0 0 1px #ffd70033,0 30px 100px #000c,0 0 150px #ffd7001a,inset 0 1px 0 #ffd7001a;margin:auto;max-height:90vh;max-width:800px;overflow:visible;padding:30px 25px;position:relative;width:90%}.tech-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;z-index:100000}.tech-modal-close:hover{background:#ff323233;border-color:#ff323266;box-shadow:0 4px 12px #ff32324d;transform:rotate(90deg) scale(1.1)}.tech-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;color:gold;font-size:1.8rem;font-weight:800;letter-spacing:.5px;margin-bottom:25px;text-align:center;text-shadow:0 0 30px #ffd7004d}.tech-icons-container{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));overflow:visible;padding:10px 5px}.tech-icon-item{border:1px solid #ffd70033;border-radius:12px;padding:15px 12px}.tech-icon-wrapper{font-size:2.5rem}.tech-name{font-size:.8rem;line-height:1.2}@media (max-width:768px){.tech-modal-overlay{align-items:flex-start;padding-top:20px}.tech-modal-content{margin:0 auto;max-width:95%;padding:25px 15px}.tech-modal-title{font-size:1.4rem;margin-bottom:15px}.tech-icons-container{gap:12px;grid-template-columns:repeat(auto-fit,minmax(75px,1fr))}.tech-icon-item{gap:6px;min-width:75px;padding:12px 10px}.tech-icon-wrapper{font-size:2rem}.tech-name{font-size:.75rem}}.details-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000eb;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;right:0;top:0;z-index:99999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.details-modal-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(145deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);border:2px solid #ffd7004d;border-radius:24px;box-shadow:0 0 0 1px #ffd70033,0 30px 100px #000c,0 0 150px #ffd7001a,inset 0 1px 0 #ffd7001a;display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:850px;overflow:visible;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.details-modal-content:before{background:linear-gradient(90deg,#0000,#ffd70080,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0;z-index:1}.details-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;z-index:100000}.details-modal-close:hover{background:#ff323233;border-color:#ff323266;box-shadow:0 4px 12px #ff32324d;transform:rotate(90deg) scale(1.1)}.details-slideshow{display:flex;flex-direction:column;height:100%;max-height:90vh;overflow:visible;padding:0}.details-image-container{border-bottom:2px solid #ffd70033;flex-shrink:0;height:400px;max-height:50vh}.details-image-container:before{background:radial-gradient(circle at center,#ffd70008 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.details-image{filter:brightness(1.02) contrast(1.01);position:relative;transition:transform .3s ease;z-index:2}.details-nav-btn{box-shadow:0 4px 15px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.details-nav-btn:hover{box-shadow:0 6px 20px #ffd70033;color:gold}.details-nav-btn:active{transform:translateY(-50%) scale(.95)}.details-image-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:16px;box-shadow:0 4px 12px #0006;font-size:.8rem;letter-spacing:.5px;padding:6px 14px;right:16px}.details-description{border-top:2px solid #ffd70033;flex-shrink:0;padding:18px 24px;position:relative}.details-description:before{background:linear-gradient(90deg,#0000,#ffd7004d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.details-description p{font-weight:400;letter-spacing:.2px;line-height:1.6;text-shadow:0 1px 2px #00000080}.details-thumbnails{background:linear-gradient(180deg,#00000080,#000000b3);border-top:2px solid #ffd70026;flex-shrink:0;gap:10px;max-height:90px;overflow-y:auto;padding:14px 24px}.details-thumbnail{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.details-thumbnail:before{background:#ffd70000;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background .3s ease;z-index:1}.details-thumbnail img{transition:transform .3s ease}.details-thumbnail:hover{box-shadow:0 4px 12px #ffd70033}.details-thumbnail:hover:before{background:#ffd7001a}.details-thumbnail:hover img{transform:scale(1.05)}.details-thumbnail.active{box-shadow:0 0 15px #ffd70066,0 4px 12px #ffd70033;transform:translateY(-2px)}.details-thumbnail.active:before{background:#ffd70026}@media (max-width:768px){.details-modal-overlay{padding:15px}.details-modal-content{max-height:80vh;max-width:95%;width:95%}.details-image-container{height:280px}.details-nav-btn{font-size:.85rem;height:36px;width:36px}.details-nav-prev{left:8px}.details-nav-next{right:8px}.details-thumbnail{height:50px;width:50px}.details-thumbnails{gap:6px;padding:10px 16px}.details-description{padding:14px 18px}.details-description p{font-size:.85rem}}.private-repo-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:2rem;position:fixed;top:0;width:100%;z-index:10000}.private-repo-modal-content{background:#000000f2;border:2px solid #ffd70080;border-radius:20px;box-shadow:0 20px 60px #ffd7004d;max-width:500px;padding:3rem;position:relative;text-align:center;width:100%}.modal-close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.modal-close-btn:hover{background:#ff00004d;border-color:#ff000080;transform:rotate(90deg)}.modal-icon{display:flex;font-size:4rem;justify-content:center}.modal-icon,.modal-title{color:gold;margin-bottom:1.5rem}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.modal-message{color:#ccc;font-size:1rem;line-height:1.6;margin-bottom:2rem}.modal-contact{display:flex;justify-content:center}.contact-btn{align-items:center;background:linear-gradient(135deg,#ffd70033,#ffa50033);border:2px solid #ffd70080;border-radius:25px;color:gold;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:12px 30px;text-decoration:none;transition:all .3s ease}.contact-btn:hover{background:linear-gradient(135deg,#ffd7004d,#ffa5004d);border-color:#ffd700cc;box-shadow:0 5px 20px #ffd70066;transform:translateY(-2px)}.contact-btn svg{font-size:1.1rem}@media (max-width:768px){.private-repo-modal-content{max-width:90%;padding:2.5rem 2rem}.modal-title{font-size:1.5rem}.modal-message{font-size:.95rem}}@media (max-width:480px){.private-repo-modal{padding:1rem}.private-repo-modal-content{padding:2rem 1.5rem}.modal-icon{font-size:3rem}.modal-title{font-size:1.3rem}.contact-btn,.modal-message{font-size:.9rem}.contact-btn{padding:10px 24px}}.project-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#667eeae6;border-radius:20px;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.view-project-btn{align-items:center;background:#fff;border:none;border-radius:25px;color:#667eea;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:12px 24px;transition:all .3s ease}.view-project-btn:hover{background:#f8f9ff;transform:scale(1.05)}.projects-cta{display:flex;justify-content:center}.cta-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 40px #0000001a;max-width:600px;padding:3rem;text-align:center}.cta-card h3{color:#333;font-size:2rem;font-weight:600;margin-bottom:1rem}.cta-card p{color:#666;line-height:1.6;margin-bottom:2rem}@media (max-width:1024px){.projects .container{padding:0 3rem}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects{padding:80px 0}.projects .container{padding:0 2rem}.section-title{font-size:clamp(2rem,6vw,2.8rem)}.section-subtitle{font-size:clamp(1.1rem,3vw,1.3rem)}.projects-filters{flex-wrap:wrap;gap:.75rem;justify-content:center}.filter-btn{font-size:.95rem;min-width:140px;padding:12px 24px;width:auto}.projects-grid{gap:1.75rem;grid-template-columns:1fr}.project-content{padding:2rem}.project-header{align-items:flex-start;flex-direction:column;gap:1rem}.cta-card{padding:2rem}.cta-card h3{font-size:1.5rem}}@media (max-width:600px){.projects{padding:70px 0}.projects .container{padding:0 1.5rem}.projects-grid{gap:1.5rem}.project-content{padding:1.75rem}}@media (max-width:480px){.projects{padding:60px 0}.projects .container{padding:0 1rem}.section-title{font-size:clamp(1.75rem,8vw,2.25rem)}.section-subtitle{font-size:clamp(1rem,4vw,1.15rem)}.projects-header{margin-bottom:3rem}.projects-filters{gap:.5rem}.filter-btn{font-size:.9rem;min-width:120px;padding:10px 20px}.projects-grid{gap:1.5rem;grid-template-columns:1fr}.project-image{height:180px}.image-placeholder{font-size:1.1rem}.image-placeholder span{font-size:.85rem}.project-content{padding:1.5rem}.project-header{gap:.75rem}.cta-card{padding:1.75rem}.cta-card h3{font-size:1.35rem}}@media (max-width:360px){.projects .container{padding:0 .75rem}.filter-btn{font-size:.85rem;min-width:110px;padding:9px 18px}.project-content{padding:1.25rem}.project-image{height:160px}}.contact{background:linear-gradient(180deg,#000,#0a0a0a 50%,#000);max-width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:100px 0;position:relative;width:100%}.contact:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ffd70014 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffa5000f 0,#0000 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cpattern id='a' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40 0H0v40' fill='none' stroke='gold' stroke-width='.5' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h200v200H0z'/%3E%3C/svg%3E");content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(135deg,gold,orange);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.section-subtitle{color:#ffffffe6;font-size:1.3rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;position:relative;text-align:center}.contact-header{margin-bottom:5rem;position:relative;z-index:1}.contact-content{box-sizing:border-box;display:flex;flex-direction:column;gap:3rem;margin:0 auto;max-width:1400px;padding:0 4rem;position:relative;width:100%;z-index:1}.contact-content-wrapper{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:2rem;width:100%}.contact-info{display:flex;flex-direction:column;gap:2.5rem;height:100%}.info-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#000000b3,#141414b3);border:1px solid #ffd70040;border-radius:28px;box-shadow:0 25px 70px #0009,0 0 0 1px #ffd7001a,inset 0 1px 0 #ffffff0d;color:#fff;overflow:hidden;padding:3rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.info-card:before{background:linear-gradient(90deg,#0000,#ffd70099,#ffa50099,#0000);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s ease}.info-card:after{background:radial-gradient(circle,#ffd70026 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0;z-index:-1}.info-card:hover:before{opacity:1}.info-card:hover:after{height:300px;width:300px}.info-card:hover{border-color:#ffd70099;box-shadow:0 35px 90px #ffd70040,0 0 0 1px #ffd70066,inset 0 1px 0 #ffffff1a;transform:translateY(-8px) scale(1.01)}.info-card h3{-webkit-text-fill-color:#0000;animation:shimmer 3s linear infinite;background:linear-gradient(135deg,gold,orange 50%,gold);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem}@keyframes shimmer{0%{background-position:0}to{background-position:200%}}.info-card p{color:#ffffffd9;font-size:1.1rem;line-height:1.9;opacity:.9}.contact-details{display:flex;flex-direction:column;gap:1.25rem}.contact-item{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#000000b3,#141414b3);border:1px solid #ffd70040;border-radius:22px;box-shadow:0 15px 40px #0006,0 0 0 1px #ffd7001a,inset 0 1px 0 #ffffff0d;color:#fff;display:flex;gap:1.5rem;overflow:hidden;padding:2rem 2.5rem;position:relative;text-decoration:none;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.contact-item:before{background:linear-gradient(90deg,#0000,#ffd7001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.contact-item:hover:before{left:100%}.contact-item:hover{background:linear-gradient(135deg,#ffd7001f,#ffa50014);border-color:#ffd70099;box-shadow:0 25px 50px #ffd70040,0 0 0 1px #ffd70066,inset 0 1px 0 #ffffff1a;transform:translateX(10px) translateY(-5px)}.contact-icon{align-items:center;background:linear-gradient(135deg,#ffd70040,#ffa50026);border:1px solid #ffd7004d;border-radius:50%;box-shadow:0 8px 20px #ffd70026,inset 0 1px 0 #ffffff1a;color:gold;display:flex;flex-shrink:0;font-size:1.6rem;height:65px;justify-content:center;transition:all .5s cubic-bezier(.4,0,.2,1);width:65px}.contact-item:hover .contact-icon{background:linear-gradient(135deg,#ffd70066,#ffa5004d);border-color:#ffd70099;box-shadow:0 12px 30px #ffd70066,inset 0 1px 0 #fff3;transform:scale(1.15) rotate(10deg)}.contact-text{flex:1 1;min-width:0}.contact-text h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.75rem;text-align:left;width:100%}.contact-text p{color:#fffc;font-size:1.05rem;line-height:1.6;margin:0;opacity:.85;text-align:left;word-break:break-word}.social-links{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#000000b3,#141414b3);border:1px solid #ffd70040;border-radius:28px;box-shadow:0 25px 70px #0009,0 0 0 1px #ffd7001a,inset 0 1px 0 #ffffff0d;box-sizing:border-box;color:#fff;margin:0 auto;max-width:500px;overflow:hidden;padding:2.5rem 3rem;position:relative;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.social-links:before{background:linear-gradient(90deg,#0000,#ffd70099,#ffa50099,#0000);content:"";height:4px;left:0;opacity:.5;position:absolute;right:0;top:0}.social-links:hover{border-color:#ffd70080;box-shadow:0 35px 90px #ffd70033,0 0 0 1px #ffd7004d,inset 0 1px 0 #ffffff1a;transform:translateY(-5px)}.thank-you-message{margin-top:2rem;padding:1.5rem 0;text-align:center}.thank-you-message p{display:inline-block;font-size:2rem;font-weight:700;letter-spacing:.02em;position:relative;text-shadow:0 2px 10px #00000080}.thank-you-text-white{color:#fff;font-weight:700}.thank-you-text-gold{color:gold;font-weight:700;text-shadow:0 0 20px #ffd70080}.typing-cursor{animation:blink 1s infinite;color:gold;font-weight:700;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.social-links h4{-webkit-text-fill-color:#0000;animation:shimmer 3s linear infinite;background:linear-gradient(135deg,gold,orange 50%,gold);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin-bottom:2rem}.social-icons{flex-wrap:wrap;gap:1.75rem}.social-icon,.social-icons{display:flex;justify-content:center}.social-icon{align-items:center;background:linear-gradient(135deg,#ffd70026,#ffa5001a);border:1px solid #ffd7004d;border-radius:50%;box-shadow:0 8px 20px #ffd70026,inset 0 1px 0 #ffffff1a;color:gold;font-size:1.3rem;height:55px;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);width:55px}.social-icon:before{background:radial-gradient(circle,#ffd7004d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0;z-index:-1}.social-icon:hover:before{height:100px;width:100px}.social-icon:hover{background:linear-gradient(135deg,#ffd7004d,#ffa50033);border-color:#ffd70099;box-shadow:0 15px 35px #ffd70059,inset 0 1px 0 #fff3;color:orange;transform:translateY(-5px) scale(1.1)}.contact-form{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#000000b3,#141414b3);border:1px solid #ffd70040;border-radius:28px;box-shadow:0 25px 70px #0009,0 0 0 1px #ffd7001a,inset 0 1px 0 #ffffff0d;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:3rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.contact-form:hover{border-color:#ffd70066;box-shadow:0 35px 90px #ffd70026,0 0 0 1px #ffd70033,inset 0 1px 0 #ffffff1a}.contact-form form{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.contact-form:before{background:linear-gradient(90deg,#0000,#ffd70099,#ffa50099,#0000);content:"";height:4px;left:0;opacity:.5;position:absolute;right:0;top:0}.form-group{margin-bottom:2rem}.form-group label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;display:block;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.75rem}.form-group input,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:2px solid #ffd70040;border-radius:14px;box-shadow:0 4px 15px #0000004d,inset 0 1px 0 #ffffff0d;color:#fff;font-family:inherit;font-size:1.05rem;padding:16px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group input:focus,.form-group textarea:focus{background:#ffd70014;border-color:#ffd700b3;box-shadow:0 0 30px #ffd70040,inset 0 0 15px #ffd7000d,0 4px 15px #0000004d;outline:none;transform:translateY(-3px)}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{align-items:center;background:linear-gradient(135deg,gold,orange 50%,gold);background-size:200% auto;border:none;border-radius:14px;box-shadow:0 12px 35px #ffd70066,inset 0 1px 0 #ffffff4d;color:#000;cursor:pointer;display:flex;font-size:1.15rem;font-weight:800;gap:.75rem;justify-content:center;letter-spacing:1.5px;overflow:hidden;padding:20px 36px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.submit-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:hover:not(:disabled){animation:shimmer 2s linear infinite;background-position:100%;box-shadow:0 20px 50px #ffd70099,inset 0 1px 0 #fff6;transform:translateY(-5px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-message{background:#4caf5033;border:1px solid #4caf504d;border-radius:10px;margin-top:1rem;padding:1rem;text-align:center}.success-message p{color:#fff;font-weight:500;margin:0}.error-message{background:#f4433633;border:1px solid #f443364d;border-radius:10px;margin-top:1rem;padding:1rem;text-align:center}.error-message p{color:#fff;font-weight:500;margin:0}@media (max-width:1024px){.contact-content{padding:0 3rem}}@media (max-width:968px){.contact-content-wrapper{gap:2.5rem;grid-template-columns:1fr}}@media (max-width:768px){.contact{height:auto;min-height:100vh;padding:80px 0}.contact-header{margin-bottom:3.5rem}.section-title{font-size:clamp(2rem,6vw,2.8rem)}.section-subtitle{font-size:clamp(1.1rem,3vw,1.3rem)}.contact-content{gap:2.5rem;padding:0 2rem}.contact-content-wrapper{gap:2.5rem;grid-template-columns:1fr;margin-bottom:1.5rem}.contact-info{gap:2rem}.info-card{padding:2rem}.info-card h3{font-size:clamp(1.5rem,4vw,1.75rem)}.contact-details{gap:1rem}.contact-item{padding:1.5rem}.contact-icon{font-size:1.4rem;height:55px;width:55px}.contact-form{padding:2rem}.social-links{max-width:100%;padding:2rem}.social-links h4{font-size:1.6rem;margin-bottom:1.5rem}.social-icon{font-size:1.2rem;height:50px;width:50px}}@media (max-width:600px){.contact{padding:70px 0}.contact-content{gap:2.25rem;padding:0 1.5rem}.contact-content-wrapper{gap:2rem}.contact-form,.info-card{padding:1.75rem}}@media (max-width:480px){.contact{padding:60px 0}.contact-content{gap:2rem;padding:0 1rem}.section-title{font-size:clamp(1.75rem,8vw,2.25rem)}.section-subtitle{font-size:clamp(1rem,4vw,1.15rem)}.contact-header{margin-bottom:3rem}.contact-content-wrapper{gap:2rem}.info-card{padding:1.5rem}.info-card h3{font-size:1.5rem;margin-bottom:1rem}.info-card p{font-size:1rem}.contact-item{gap:1rem;padding:1.25rem}.contact-icon{font-size:1.2rem;height:50px;width:50px}.contact-form,.social-links{padding:1.5rem}.social-links h4{font-size:1.4rem;margin-bottom:1.25rem}.social-icon{font-size:1.1rem;height:45px;width:45px}}@media (max-width:360px){.contact-content{padding:0 .75rem}.contact-form,.info-card{padding:1.25rem}.contact-item{padding:1rem}}.project-details-page{background:linear-gradient(180deg,#000,#0a0a0a 50%,#000);min-height:100vh;padding-top:90px}.project-details-container{display:flex;flex-direction:column;margin:0 auto;max-width:700px;padding:1rem;position:relative}.project-details-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:.75rem;text-align:center}.project-details-content{background:linear-gradient(145deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);border:2px solid #ffd7004d;border-radius:12px;box-shadow:0 0 0 1px #ffd70033,0 20px 60px #000c,0 0 100px #ffd7001a;margin-left:0;margin-right:0;padding:1.5rem}.details-slideshow-container{display:flex;flex-direction:column;gap:.75rem}.details-image-container{align-items:center;background:linear-gradient(135deg,#0a0a0a,#000);border:2px solid #ffd70033;border-radius:10px;display:flex;height:280px;justify-content:center;overflow:hidden;position:relative;width:100%}.details-image{height:100%;object-fit:contain;object-position:center;width:100%}.details-nav-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;border:1px solid #ffd7004d;border-radius:10px;color:gold;cursor:pointer;display:flex;font-size:1rem;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:44px;z-index:10}.details-nav-btn:hover{background:#ffd70026;border-color:#ffd70080;transform:translateY(-50%) scale(1.1)}.details-nav-prev{left:16px}.details-nav-next{right:16px}.details-image-counter{background:#000c;border:1px solid #ffd70033;border-radius:20px;bottom:12px;color:gold;font-size:.75rem;font-weight:600;padding:4px 12px;position:absolute;right:12px;z-index:10}.details-description{background:linear-gradient(180deg,#ffd7000d,#00000080);border:2px solid #ffd70033;border-radius:10px;padding:.75rem}.details-description p{color:#e8e8e8;font-size:.85rem;line-height:1.4;margin:0;text-align:center}.details-thumbnails{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:.5rem}.details-thumbnail{background:#000;border:2px solid #ffffff1a;border-radius:6px;cursor:pointer;height:50px;opacity:.65;overflow:hidden;padding:0;transition:all .3s ease;width:50px}.details-thumbnail img{height:100%;object-fit:cover;width:100%}.details-thumbnail:hover{border-color:#ffd70066;opacity:.9;transform:translateY(-2px) scale(1.08)}.details-thumbnail.active{border-color:#ffd700b3;box-shadow:0 0 15px #ffd70066;opacity:1}@media (max-width:768px){.project-details-container{padding:1rem}.project-details-title{font-size:1.5rem}.project-details-content{padding:1rem}.details-image-container{height:300px}.details-nav-btn{height:36px;width:36px}.details-thumbnail{height:50px;width:50px}}.project-technologies-page{background:linear-gradient(180deg,#000,#0a0a0a 50%,#000);min-height:100vh;padding-top:90px}.project-technologies-container{display:flex;flex-direction:column;margin:0 auto;max-width:700px;padding:1rem;position:relative}.back-button{align-items:center;background:#ffd7001a;border:2px solid #ffd7004d;border-radius:8px;color:gold;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:1rem;margin-left:0;margin-right:auto;padding:8px 16px;position:relative;transition:all .3s ease;width:auto;z-index:1}.back-button:hover{background:#ffd70033;border-color:#ffd70080;transform:translateX(-5px)}.project-technologies-content{background:linear-gradient(145deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);border:2px solid #ffd7004d;border-radius:12px;box-shadow:0 0 0 1px #ffd70033,0 20px 60px #000c,0 0 100px #ffd7001a;margin-left:0;margin-right:0;padding:1.5rem;text-align:center}.project-technologies-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.project-name,.project-technologies-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text}.project-name{color:gold;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.tech-icons-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));justify-items:center;padding:.5rem}.tech-icon-item{align-items:center;background:#0006;border:2px solid #ffd70033;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:90px;padding:12px;transition:all .3s ease;width:100%}.tech-icon-item:hover{background:#ffd7001a;border-color:#ffd70066;box-shadow:0 8px 20px #ffd70033;transform:translateY(-5px)}.tech-icon-wrapper{align-items:center;display:flex;font-size:2rem;justify-content:center;transition:all .3s ease}.tech-icon-item:hover .tech-icon-wrapper{transform:scale(1.1)}.tech-name{color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.3px;text-align:center}@media (max-width:768px){.project-technologies-container{padding:1rem}.project-technologies-title{font-size:1.5rem}.project-name{font-size:1.1rem;margin-bottom:1.5rem}.project-technologies-content{padding:1.5rem}.tech-icons-container{gap:12px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.tech-icon-item{min-width:90px;padding:12px}.tech-icon-wrapper{font-size:2rem}.tech-name{font-size:.8rem}}
/*# sourceMappingURL=main.b047c943.css.map*/