body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}[data-theme=light] nav{background:#fffffff2}nav .container{align-items:center;display:flex;justify-content:space-between;padding:1rem 20px}.logo{-webkit-text-fill-color:#0000;background:var(--gradient);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-primary);font-weight:500;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:var(--accent-color)}.theme-toggle{background:none;border:1px solid var(--border-color);border-radius:50px;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:8px 16px;transition:all .3s ease}.theme-toggle:hover{border-color:var(--accent-color);color:var(--accent-color)}.mobile-menu{cursor:pointer;display:none;flex-direction:column}.hamburger{background:var(--text-primary);height:3px;margin:3px 0;transition:.3s;width:25px}@media (max-width:768px){.nav-links{background:var(--primary-bg);border-top:1px solid var(--border-color);display:none;flex-direction:column;left:0;padding:2rem;position:absolute;top:100%;width:100%}.mobile-menu,.nav-links.active{display:flex}}.profile-image-container{display:inline-block;margin:2rem 0;position:relative}.animated-profile-image{border-radius:50%;cursor:pointer;height:200px;overflow:hidden;pointer-events:auto;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:200px}.animated-profile-image img{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.animated-profile-image--flippable{perspective:1000px}.image-flip-container{height:100%;pointer-events:none;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);width:100%}.animated-profile-image--flipped .image-flip-container{transform:rotateY(180deg)}.image-side{backface-visibility:hidden;border-radius:50%;height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%}.image-back{transform:rotateY(180deg)}.image-side img{height:100%;object-fit:cover;width:100%}.click-text-overlay{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:15}.click-text{animation:pulse 2s ease-in-out infinite;color:#fff;font-size:1rem;font-weight:600;line-height:1.3;padding:0 1rem;text-align:center;text-shadow:0 2px 4px #000c}.boomerang-status{animation:bounce .6s ease-in-out infinite alternate;background:#004cffe6;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;top:-50px;transform:translateX(-50%);z-index:1001}@keyframes bounce{0%{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(-5px)}}.animated-profile-image--dragging{animation:none!important;box-shadow:0 25px 50px #004cff80!important;filter:brightness(1.1) saturate(1.2);z-index:1000}.animated-profile-image--boomeranging{animation:none!important;box-shadow:0 20px 40px #004cff66!important}.animated-profile-image{cursor:grab}.animated-profile-image--dragging{cursor:grabbing!important}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.back-text-overlay{align-items:center;color:#fff;display:flex;justify-content:center;left:0;padding:.5rem;position:absolute;width:100%;z-index:5}.back-text-bottom{border-radius:0 0 50% 50%;bottom:0;height:30%}.back-text-top{border-radius:50% 50% 0 0;height:30%;top:0}.back-text-center{border-radius:25px;height:100%;top:50%;transform:translateY(-50%);width:100%}.back-text{animation:fadeInScale .5s ease-out .3s both;font-size:.9rem;font-weight:600;line-height:1.3;text-align:center;text-shadow:0 2px 4px #000c}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.image-overlay{background:linear-gradient(135deg,#64ffda1a,#4ccdc41a);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.animated-profile-image--float{animation:gentleFloat 6s ease-in-out infinite;box-shadow:0 10px 30px #0003}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animated-profile-image--float:hover{box-shadow:0 20px 40px #64ffda4d;transform:translateY(-5px) scale(1.05)}.animated-profile-image--glitch .glitch-layer{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .1s ease;width:100%}.animated-profile-image--glitch .glitch-layer img{height:100%;object-fit:cover;width:100%}.animated-profile-image--glitch .glitch-layer-1{background:#f00c;mix-blend-mode:screen}.animated-profile-image--glitch .glitch-layer-2{background:#0f0c;mix-blend-mode:screen}.animated-profile-image--glitch--hovered .glitch-layer-1{animation:glitchShift1 .5s infinite;opacity:1}.animated-profile-image--glitch--hovered .glitch-layer-2{animation:glitchShift2 .5s infinite;opacity:1}@keyframes glitchShift1{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitchShift2{0%,to{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(-2px,2px)}}.animated-profile-image--grayscale img{filter:grayscale(100%) contrast(1.2);transition:filter .5s ease}.animated-profile-image--grayscale--hovered img{filter:grayscale(0) contrast(1) saturate(1.2)}.animated-profile-image--grayscale--hovered .image-overlay{opacity:1}.animated-profile-image--tilt{transform-style:preserve-3d;transition:transform .1s ease}.animated-profile-image--tilt--hovered:not(.animated-profile-image--flippable){transform:perspective(1000px) rotateX(0deg) rotateY(0deg) scale(1.05);transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.05)}.animated-profile-image--tilt:after{background:linear-gradient(135deg,#fff3,#ffffff0d);border-radius:50%;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:8}.animated-profile-image--tilt--hovered:after{opacity:1}.particles{height:300px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}.particle{background:var(--accent-color);border-radius:50%;height:4px;opacity:0;position:absolute;transition:all .3s ease;width:4px}.animated-profile-image--particles--hovered~.particles .particle{animation:particleFloat 2s ease-in-out infinite;opacity:1}@keyframes particleFloat{0%,to{opacity:0;transform:translate(0) scale(.5)}50%{opacity:1;transform:translate(0) scale(1);transform:translate(var(--random-x,0),var(--random-y,0)) scale(1)}}.particle-0{--random-x:20px;--random-y:-30px;animation-delay:0s}.particle-1{--random-x:-25px;--random-y:-20px;animation-delay:.1s}.particle-2{--random-x:30px;--random-y:15px;animation-delay:.2s}.particle-3{--random-x:-15px;--random-y:25px;animation-delay:.3s}.particle-4{--random-x:0px;--random-y:-35px;animation-delay:.4s}.particle-5{--random-x:35px;--random-y:0px;animation-delay:.5s}.particle-6{--random-x:-30px;--random-y:10px;animation-delay:.6s}.particle-7{--random-x:10px;--random-y:30px;animation-delay:.7s}.particle-8{--random-x:-20px;--random-y:-15px;animation-delay:.8s}.particle-9{--random-x:25px;--random-y:-25px;animation-delay:.9s}.geometric-bg{height:250px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:250px;z-index:-1}.geo-shape{border:2px solid var(--accent-color);opacity:.3;position:absolute;transition:all .5s ease}.geo-shape-1{animation:geoRotate1 10s linear infinite;height:100px;right:0;top:0;transform:rotate(45deg);width:100px}.geo-shape-2{animation:geoFloat 8s ease-in-out infinite;border-radius:50%;bottom:20px;height:80px;left:20px;width:80px}.geo-shape-3{animation:geoRotate2 12s linear infinite;clip-path:polygon(50% 0,0 100%,100% 100%);height:60px;left:0;top:30px;width:60px}@keyframes geoRotate1{0%,to{transform:rotate(45deg)}50%{transform:rotate(225deg)}}@keyframes geoRotate2{0%,to{transform:rotate(0deg)}50%{transform:rotate(180deg)}}@keyframes geoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.animated-profile-image--geometric--hovered~.geometric-bg .geo-shape{border-color:var(--accent-color);filter:drop-shadow(0 0 10px var(--accent-color));opacity:.8}.animated-profile-image--liquid{clip-path:circle(50%);transition:clip-path .8s cubic-bezier(.4,0,.2,1)}.animated-profile-image--liquid--hovered{clip-path:ellipse(60% 50%)}.ripple-effect{pointer-events:none}.ripple,.ripple-effect{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ripple{animation:rippleExpand 1.5s ease-out;border:2px solid var(--accent-color);border-radius:50%;height:200px;opacity:0;width:200px}.ripple-2{animation-delay:.3s}.ripple-3{animation-delay:.6s}@keyframes rippleExpand{0%{height:200px;opacity:1;width:200px}to{height:400px;opacity:0;width:400px}}.animated-profile-image--breathing{animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animated-profile-image--breathing--hovered{animation-play-state:paused;transform:scale(1.1)}@media (max-width:768px){.animated-profile-image{height:150px;width:150px}.geometric-bg,.particles{height:200px;width:200px}}.hero{align-items:center;background:radial-gradient(ellipse at center,#004cff1a 0,#0000 70%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:0 2rem;position:relative}.hero:before{animation:rotate 20s linear infinite;background:linear-gradient(45deg,#0000 40%,#004cff1a 50%,#0000 60%);content:"";height:200%;position:absolute;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;max-width:1200px;position:relative;width:100%;z-index:2}.hero-content{padding-right:2rem;text-align:left}.hero h1{-webkit-text-fill-color:#0000;background:var(--gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem)}.hero h1,.hero h2{font-weight:700;margin-bottom:1rem}.hero h2{color:var(--text-primary);font-size:clamp(2rem,3vw,2rem)}.hero .tagline{color:var(--text-secondary);font-size:clamp(1.1rem,2.5vw,1.5rem);line-height:1.6;margin-bottom:2rem}.hero-image{align-items:center;display:flex;justify-content:center;position:relative}.hero-image .animated-profile-image{box-shadow:0 20px 60px #004cff4d;height:clamp(150px,40vw,500px);width:clamp(150px,40vw,500px)}@keyframes float1{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-15px) rotate(225deg)}}@media (max-width:968px){.hero-image .animated-profile-image{height:clamp(120px,60vw,350px);width:clamp(120px,60vw,350px)}.hero-container{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-content{order:2;padding-right:0;text-align:center}.hero-image{order:1}.hero-image .animated-profile-image{height:500px;width:500px}}@media (max-width:768px){.hero{padding:2.5rem}.hero-container{gap:1.2rem}.hero-image .animated-profile-image{height:clamp(100px,80vw,250px);width:clamp(100px,80vw,250px)}.hero-content{padding:0}}.about-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.about-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.about-text h3{margin:1.5rem 0 .5rem}.about-text h3,.skills-section h3{color:var(--text-primary);font-size:1.3rem}.skills-section h3{margin-bottom:1rem}.skills-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:2rem}.skill-tag{background:var(--card-bg);border:1px solid var(--border-color);border-radius:25px;color:var(--text-primary);font-size:.9rem;padding:.5rem 1rem;text-align:center;transition:all .3s ease}.skill-tag:hover{border-color:var(--accent-color);color:var(--accent-color)}.dark-skill-tag:hover{border-color:#fff;border-color:var(--dynamic-skill-hover,#fff);border-width:2.5px;box-shadow:0 2px 8px #0000001f;color:#fff;color:var(--dynamic-skill-hover,#fff);filter:brightness(1.3) saturate(1.5);transition:border-color .2s,color .2s,filter .2s}@media (max-width:768px){.about-content{gap:2rem;grid-template-columns:1fr}}.project-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.project-card:before{background:var(--gradient);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.project-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-5px)}.project-card:hover:before{transform:scaleX(1)}.project-card h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem}.project-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.tech-tag:hover{border-color:var(--accent-color);color:var(--accent-color)}.project-links{display:flex;gap:1rem}.project-link{color:var(--text-primary);font-weight:500;text-decoration:none;transition:color .3s ease}.project-link:hover{color:var(--accent-color)}.projects{background:var(--secondary-bg)}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}.spotify-section{text-align:center}.music-description{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.spotify-embed{grid-gap:1rem;border-radius:12px;box-shadow:0 10px 30px #0003;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:2rem auto;max-width:1200px;overflow:hidden}@media (max-width:768px){.spotify-embed{grid-template-columns:repeat(1,1fr)}}.contact{background:var(--secondary-bg)}.contact-form{margin:0 auto;max-width:600px}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:1rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);outline:none}.form-group textarea{min-height:120px;resize:vertical}.social-links{gap:2rem;margin:3rem 0}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);height:50px;text-decoration:none;transition:all .3s ease;width:50px}.social-link:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-3px)}.resume-section{margin-top:2rem;text-align:center}@media (max-width:768px){.social-links{gap:1rem}}.contact-popup{animation:fadeInPopup .3s;background:#1e90ff;border-radius:10px;box-shadow:0 4px 24px #1e90ff33;color:#fff;font-size:.75rem;font-weight:600;left:50%;opacity:.97;padding:1rem;position:fixed;top:80px;transform:translateX(-50%);z-index:2000}@keyframes fadeInPopup{0%{opacity:0;transform:translateX(-50%) scale(.95)}to{opacity:.97;transform:translateX(-50%) scale(1)}}footer{background:var(--primary-bg);border-top:1px solid var(--border-color);color:var(--text-secondary);padding:2rem 0;text-align:center}footer p{font-size:.9rem;margin:0}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-bg:#0a0a0a;--secondary-bg:#1a1a1a;--accent-color:#005ff8;--text-primary:#fff;--text-secondary:#b0b0b0;--card-bg:#1e1e1e;--border-color:#333;--gradient:linear-gradient(135deg,#005ff8,#d8d8d8)}[data-theme=light]{--primary-bg:#fff;--secondary-bg:#f8f9fa;--accent-color:#06c;--text-primary:#1a1a1a;--text-secondary:#666;--card-bg:#fff;--border-color:#e0e0e0;--gradient:linear-gradient(135deg,#005ff8,#0052a3)}body{background-color:#0a0a0a;background-color:var(--primary-bg);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;transition:all .3s ease}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#005ff8,#d8d8d8);background:var(--gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.cta-button{background:linear-gradient(135deg,#005ff8,#d8d8d8);background:var(--gradient);border:none;border-radius:50px;box-shadow:0 10px 30px #004cff66;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 15px 40px #004cff99;transform:translateY(-3px)}section{padding:5rem 0}@media (max-width:768px){section{padding:3rem 0}}
/*# sourceMappingURL=main.dc5d6fb2.css.map*/