*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;scroll-snap-type:y proximity}@keyframes whooshIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes whooshOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.section-transition{transition:all .6s cubic-bezier(.25,.46,.45,.94)}.section-enter{animation:.8s cubic-bezier(.25,.46,.45,.94) forwards whooshIn}.section-exit{animation:.6s cubic-bezier(.25,.46,.45,.94) forwards whooshOut}body{color:#f5f5f0;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#000;font-family:JetBrains Mono,monospace;transition:all .3s;overflow-x:hidden}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}:root,.dark-mode{--background:#000;--foreground:#f5f5f0;--accent:#2d2d2d;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-600:#4b5563;--gray-800:#1f2937}.light-mode{--background:#f5f5f0;--foreground:#000;--accent:#e5e5e5;--gray-300:#374151;--gray-400:#6b7280;--gray-600:#9ca3af;--gray-800:#f3f4f6}.dark-mode body{color:#f5f5f0!important;background:#000!important}.light-mode body{color:#000!important;background:#f5f5f0!important}.dark-mode .hero-section{color:#f5f5f0;background:#000;position:relative}.dark-mode .hero-section:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,rgba(45,45,45,.1) 1px,transparent 1px),linear-gradient(rgba(45,45,45,.1) 1px,transparent 1px),radial-gradient(circle at 20% 30%,rgba(45,45,45,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(45,45,45,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(45,45,45,.03) 0%,transparent 40%);background-size:60px 60px,60px 60px,200px 200px,150px 150px,100px 100px;position:absolute;top:0;bottom:0;left:0;right:0}.dark-mode .about-section{color:#f5f5f0;background:#000;position:relative}.dark-mode .about-section:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,rgba(45,45,45,.1) 1px,transparent 1px),linear-gradient(rgba(45,45,45,.1) 1px,transparent 1px),radial-gradient(circle at 20% 30%,rgba(45,45,45,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(45,45,45,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(45,45,45,.03) 0%,transparent 40%);background-size:60px 60px,60px 60px,200px 200px,150px 150px,100px 100px;position:absolute;top:0;bottom:0;left:0;right:0}.dark-mode .projects-section{color:#f5f5f0;background:#000;position:relative}.dark-mode .projects-section:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,rgba(45,45,45,.1) 1px,transparent 1px),linear-gradient(rgba(45,45,45,.1) 1px,transparent 1px),radial-gradient(circle at 20% 30%,rgba(45,45,45,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(45,45,45,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(45,45,45,.03) 0%,transparent 40%);background-size:60px 60px,60px 60px,200px 200px,150px 150px,100px 100px;position:absolute;top:0;bottom:0;left:0;right:0}.dark-mode .contact-section{color:#f5f5f0;background:#000;position:relative}.dark-mode .contact-section:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,rgba(45,45,45,.1) 1px,transparent 1px),linear-gradient(rgba(45,45,45,.1) 1px,transparent 1px),radial-gradient(circle at 20% 30%,rgba(45,45,45,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(45,45,45,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(45,45,45,.03) 0%,transparent 40%);background-size:60px 60px,60px 60px,200px 200px,150px 150px,100px 100px;position:absolute;top:0;bottom:0;left:0;right:0}.light-mode .hero-section{color:#000;background:#f5f5f0;position:relative}.light-mode .hero-section:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,rgba(200,200,200,.3) 1px,transparent 1px),linear-gradient(rgba(200,200,200,.3) 1px,transparent 1px),radial-gradient(circle at 20% 30%,rgba(200,200,200,.2) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(200,200,200,.2) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(200,200,200,.15) 0%,transparent 40%);background-size:60px 60px,60px 60px,200px 200px,150px 150px,100px 100px;position:absolute;top:0;bottom:0;left:0;right:0}.light-mode .about-section{color:#000;background:#f5f5f0;position:relative}.light-mode .about-section:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,rgba(200,200,200,.3) 1px,transparent 1px),linear-gradient(rgba(200,200,200,.3) 1px,transparent 1px),radial-gradient(circle at 20% 30%,rgba(200,200,200,.2) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(200,200,200,.2) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(200,200,200,.15) 0%,transparent 40%);background-size:60px 60px,60px 60px,200px 200px,150px 150px,100px 100px;position:absolute;top:0;bottom:0;left:0;right:0}.light-mode .projects-section{color:#000;background:#f5f5f0;position:relative}.light-mode .projects-section:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,rgba(200,200,200,.3) 1px,transparent 1px),linear-gradient(rgba(200,200,200,.3) 1px,transparent 1px),radial-gradient(circle at 20% 30%,rgba(200,200,200,.2) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(200,200,200,.2) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(200,200,200,.15) 0%,transparent 40%);background-size:60px 60px,60px 60px,200px 200px,150px 150px,100px 100px;position:absolute;top:0;bottom:0;left:0;right:0}.light-mode .contact-section{color:#000;background:#f5f5f0;position:relative}.light-mode .contact-section:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,rgba(200,200,200,.3) 1px,transparent 1px),linear-gradient(rgba(200,200,200,.3) 1px,transparent 1px),radial-gradient(circle at 20% 30%,rgba(200,200,200,.2) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(200,200,200,.2) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(200,200,200,.15) 0%,transparent 40%);background-size:60px 60px,60px 60px,200px 200px,150px 150px,100px 100px;position:absolute;top:0;bottom:0;left:0;right:0}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode p,.dark-mode span,.dark-mode div{color:#f5f5f0;transition:color .3s}.light-mode h1,.light-mode h2,.light-mode h3,.light-mode p,.light-mode span,.light-mode div{color:#000;transition:color .3s}.dark-mode .hero-description{color:#d1d5db}.light-mode .hero-description{color:#374151}.dark-mode .about-text{color:#f0f0f0}.light-mode .about-text{color:#000}.dark-mode .project-description{color:#f0f0f0;transition:color .3s}.light-mode .project-description{color:#000;transition:color .3s}.dark-mode .contact-description{color:#f0f0f0}.light-mode .contact-description{color:#000}.dark-mode .contact-label{color:#9ca3af}.light-mode .contact-label{color:#6b7280}.dark-mode .contact-value{color:#f0f0f0}.light-mode .contact-value{color:#000}.dark-mode .social-title{color:#f0f0f0}.light-mode .social-title{color:#000}.dark-mode .copy-notification{color:#f0f0f0;background:rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.2)}.light-mode .copy-notification{color:#000;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.2)}.dark-mode .tech-tag{color:#f0f0f0;background-color:#2d2d2d;transition:background-color .3s,color .3s}.light-mode .tech-tag{color:#000;background-color:#e5e5e5;transition:background-color .3s,color .3s}.dark-mode .project-card,.light-mode .project-card{background:0 0;border:none}.dark-mode .social-link{color:#f0f0f0}.light-mode .social-link{color:#000}.dark-mode .social-link:hover{color:#93c5fd}.light-mode .social-link:hover{color:#3b82f6}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--accent);border:none;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#404040}.scroll-indicator{background:var(--foreground);z-index:9999;width:2px;height:0%;transition:height .1s ease-out;position:fixed;top:0;right:8px}.section-nav{z-index:9999;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.section-nav-item{color:var(--foreground);letter-spacing:.06em;cursor:pointer;opacity:.35;text-align:right;background:0 0;border:none;padding:.1rem .25rem;font-family:inherit;font-size:.75rem;transition:opacity .2s,transform .2s,color .2s}.section-nav-item:hover{opacity:.6}.section-nav-item.active{opacity:1;transform:translate(-2px)}@media (max-width:768px){.section-nav{gap:.4rem;right:12px}.section-nav-item{font-size:.7rem}}.language-globe-container{z-index:10000;position:fixed;top:20px;right:20px}.language-globe{cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px rgba(0,0,0,.2)}.language-globe:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:scale(1.1)translateY(-1px);box-shadow:0 6px 25px rgba(0,0,0,.3)}.language-globe.active{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5);transform:scale(1.05);box-shadow:0 6px 25px rgba(0,0,0,.3)}.language-dropdown{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;pointer-events:none;background:rgba(0,0,0,.95);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;min-width:120px;margin-top:.5rem;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;right:0;transform:translateY(-10px)scale(.95);box-shadow:0 8px 32px rgba(0,0,0,.4)}.language-dropdown.visible{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.sticky-language-globe{z-index:9999;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,rgba(147,197,253,.9),rgba(59,130,246,.9));border:2px solid rgba(255,255,255,.3);border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:20px;right:20px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.sticky-language-globe:hover{background:linear-gradient(135deg,#93c5fd,#3b82f6);border-color:rgba(255,255,255,.5);transform:scale(1.15)translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.globe-icon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));width:1.2rem;height:1.2rem}.dropdown-lang-btn{border:1px solid var(--gray-600);width:100%;color:var(--gray-300);cursor:pointer;text-align:center;background:0 0;border-radius:.25rem;padding:.5rem .75rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s;display:block}.dropdown-lang-btn:hover{border-color:var(--foreground);color:var(--foreground);background:rgba(255,255,255,.05)}.dropdown-lang-btn.active{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.copy-notification{background:var(--foreground);color:var(--background);z-index:10000;opacity:0;border-radius:.5rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:600;animation:.3s ease-out forwards slideInFade;position:fixed;top:20px;right:20px;transform:translateY(-20px)}@keyframes slideInFade{to{opacity:1;transform:translateY(0)}}body{background:var(--background);color:var(--foreground);text-transform:uppercase;letter-spacing:.5px;margin:0;padding:0;font-family:JetBrains Mono,monospace;overflow-x:hidden}html{height:100%}body{min-height:100vh;min-height:100dvh}.page-container{min-height:100vh;min-height:100dvh}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.hero-section{min-height:100vh;text-align:left;scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100dvh;padding:2rem 0;display:flex}.hero-title{margin-bottom:2rem;font-size:max(3rem,min(10vw,6rem));font-weight:700;line-height:1.1}.hero-description{color:var(--gray-300);max-width:min(800px,90vw);font-size:max(1.2rem,min(4vw,1.8rem));line-height:1.6}.about-section{min-height:100vh;text-align:left;scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100dvh;padding:5rem 0;display:flex}.section-title{text-align:left;width:100%;margin-bottom:3rem;font-size:max(2rem,min(6vw,4rem));font-weight:700;line-height:1.1}.about-content{flex-direction:column;gap:2rem;display:flex}.about-text{font-size:max(1rem,min(3vw,1.25rem));line-height:1.6}.projects-section{min-height:100vh;text-align:left;scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100dvh;padding:5rem 0;display:flex}.projects-grid{flex-direction:column;gap:4rem;display:flex}.project-card{border-left:2px solid var(--gray-600);padding-left:2rem;transition:border-color .3s}.project-card:hover{border-left-color:var(--gray-400)}.project-title{margin-bottom:.75rem;font-size:max(1.25rem,min(4vw,1.75rem));font-weight:600;line-height:1.2}.project-link{color:inherit;text-decoration:none;transition:color .3s;position:relative}.project-link:hover{color:var(--foreground)}.project-description{color:var(--gray-300);margin-bottom:1rem;font-size:max(.9rem,min(2.5vw,1.125rem));line-height:1.6}.tech-tags{flex-wrap:wrap;gap:1rem;display:flex}.tech-tag{background-color:var(--gray-800);border-radius:.25rem;padding:.5rem .75rem;font-size:.875rem}.contact-section{min-height:100vh;text-align:left;scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100dvh;padding:5rem 0;display:flex}.map-root{width:100%;min-height:100vh;flex-direction:column;min-height:100dvh;display:flex;position:relative}.map-topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding-top:2rem;padding-bottom:1rem;display:grid}.back-button{border:1px solid var(--gray-600);color:var(--foreground);cursor:pointer;letter-spacing:.06em;background:0 0;border-radius:8px;padding:.5rem .9rem}.back-button:hover{border-color:var(--foreground)}.map-title{opacity:.9;justify-self:center;font-size:max(1rem,min(3.2vw,1.25rem));font-weight:700}.map-topbar-spacer{width:2.5rem;height:1px}.map-frame{flex:1;padding:0 .75rem .75rem;display:flex}.map-container{width:100%;height:calc(100vh - 110px);background:var(--background);border-radius:16px;height:calc(100dvh - 110px);position:relative;overflow:hidden}@media (min-width:768px){.map-container{height:calc(100vh - 120px);height:calc(100dvh - 120px)}}.leaflet-container .leaflet-control-attribution{border:1px solid rgba(255,255,255,.1);color:#e5e5e5!important;background:rgba(0,0,0,.85)!important}.leaflet-container .leaflet-control-attribution a{color:#93c5fd!important}.leaflet-container .leaflet-control-attribution a:hover{color:#bfdbfe!important}.leaflet-container{background:var(--background)!important}.contact-content{z-index:1;flex-direction:column;gap:2rem;display:flex;position:relative}.contact-description{color:var(--gray-300);margin-bottom:2rem;font-size:max(1rem,min(3vw,1.25rem));line-height:1.6}.contact-info{flex-direction:column;gap:1.5rem;display:flex}.contact-item{align-items:center;gap:1rem;display:flex}.contact-icon{flex-shrink:0;width:1.5rem;height:1.5rem}.contact-details{flex-direction:column;display:flex}.contact-label{font-weight:600}.contact-value{color:var(--gray-400);transition:color .3s}.contact-value:hover{color:var(--foreground)}.social-section{padding-top:2rem}.social-title{margin-bottom:1.5rem;font-size:max(1.1rem,min(3.5vw,1.5rem));font-weight:600}.social-links{gap:2rem;display:flex}.social-link{color:inherit;justify-content:center;align-items:center;padding:.5rem;text-decoration:none;transition:color .3s;display:flex}.social-link:hover{color:var(--gray-300)}.social-icon{width:1.5rem;height:1.5rem}.theme-toggle{z-index:1000;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;display:flex;position:fixed;top:2rem;right:2rem}.theme-toggle:hover{transform:scale(1.1)}.theme-icon{width:1.5rem;height:1.5rem;color:var(--foreground);transition:all .3s}.dark-mode .theme-toggle{background:0 0;border:none}.dark-mode .theme-toggle:hover{background:0 0}.light-mode .theme-toggle{background:0 0;border:none}.light-mode .theme-toggle:hover{background:0 0}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shineSlow{0%{background-position:-200% 0}to{background-position:200% 0}}.shine-effect{display:inline-block;position:relative}.shine-effect:before{content:"";pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(147,197,253,.6) 50%,transparent 100%);width:100%;height:100%;animation:6s 2s infinite shineSlow;position:absolute;top:0;left:-200%}.shine-effect-fast{display:inline-block;position:relative}.shine-effect-fast:before{content:"";pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(147,197,253,.6) 50%,transparent 100%);width:100%;height:100%;animation:3s 1s infinite shine;position:absolute;top:0;left:-200%}@media (min-width:768px){.hero-title{font-size:max(4rem,min(12vw,8rem))}.section-title{font-size:6rem}.hero-description,.about-text{font-size:1.5rem}.project-title{font-size:2rem}.project-description{font-size:1.25rem}.contact-description{font-size:1.5rem}.social-title{font-size:1.75rem}.contact-info{flex-direction:row;gap:3rem}.social-links{gap:3rem}.container{padding:0 4rem}}@media (min-width:1024px){.hero-title{font-size:max(5rem,min(15vw,10rem))}.section-title{font-size:7rem}.hero-description,.about-text{font-size:1.75rem}.project-title{font-size:2.25rem}.project-description{font-size:1.5rem}.contact-description{font-size:1.75rem}.social-title{font-size:2rem}.container{padding:0 6rem}}html{scroll-behavior:smooth}