@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";body{margin:0;min-width:320px;overflow-x:hidden}html{scrollbar-width:thin;scrollbar-color:#0a4d4d #f5f5f3}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:#f5f5f3;border-left:1px solid #e0e0e0}html::-webkit-scrollbar-thumb{background:#0a4d4d;border-radius:10px;border:2px solid #f5f5f3}html::-webkit-scrollbar-thumb:hover{background:#0d6666}html.dark-mode{scrollbar-width:thin;scrollbar-color:#14a3a3 #0f0f0f}html.dark-mode::-webkit-scrollbar{width:10px}html.dark-mode::-webkit-scrollbar-track{background:#0f0f0f;border-left:1px solid #2a2a2a}html.dark-mode::-webkit-scrollbar-thumb{background:#14a3a3;border-radius:10px;border:2px solid #0f0f0f}html.dark-mode::-webkit-scrollbar-thumb:hover{background:#1ac4c4}#root{width:100%}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg);z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:1;transition:opacity .5s ease-out}.loading-screen.fade-out{opacity:0;pointer-events:none}.letter-container-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.letter-item{position:absolute;font-family:var(--font-heading);font-size:clamp(2rem,5vw,4rem);font-weight:600;color:var(--text);line-height:1;letter-spacing:-.02em;transform:translate(var(--circle-x),var(--circle-y)) rotate(var(--circle-rotation));animation:spinInCircle .5s ease-out forwards}.letter-item.space{opacity:0}.letter-container-wrapper.collapsing .letter-item{animation:collapseToLine 2s cubic-bezier(.68,-.55,.265,1.55) forwards;animation-delay:var(--delay)}@keyframes spinInCircle{0%{transform:translate(var(--circle-x),var(--circle-y)) rotate(0) scale(.5);opacity:0}to{transform:translate(var(--circle-x),var(--circle-y)) rotate(var(--circle-rotation)) scale(1);opacity:1}}@keyframes collapseToLine{0%{transform:translate(var(--circle-x),var(--circle-y)) rotate(var(--circle-rotation)) scale(1)}to{transform:translate(var(--line-x)) rotate(0) scale(1)}}@media(max-width:768px){.letter-item{font-size:clamp(1.8rem,6vw,2.8rem);font-weight:600}}@media(max-width:480px){.letter-item{font-size:clamp(1.3rem,8vw,2.2rem);font-weight:600;letter-spacing:-.01em}.letter-container-wrapper.collapsing .letter-item{animation-duration:1.8s}}@media(max-width:360px){.letter-item{font-size:clamp(1.1rem,9vw,1.8rem)}}.stars-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.star{position:absolute;background:#14a3a3;border-radius:50%;opacity:0;animation:twinkle infinite ease-in-out;box-shadow:0 0 4px #14a3a3}@keyframes twinkle{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}.three-scene{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.three-scene canvas{display:block;width:100%;height:100%}.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden}.hero-content{position:relative;z-index:10;text-align:left}.hero-text{max-width:900px}.hero-label{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-heading);font-size:.75rem;letter-spacing:.15em;color:var(--text-muted);margin-bottom:2rem}.geometric-square{width:12px;height:12px;border:2px solid var(--primary);display:block}.hero-title{margin-bottom:1rem;color:var(--text);font-weight:700}.hero-subtitle{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:300;color:var(--text-light);margin-bottom:3rem;max-width:600px}.hero-cta{display:flex;gap:1.5rem;align-items:center}.hero .animate-on-scroll:nth-child(1){transition-delay:.1s}.hero .animate-on-scroll:nth-child(2){transition-delay:.2s}.hero .animate-on-scroll:nth-child(3){transition-delay:.3s}.hero .animate-on-scroll:nth-child(4){transition-delay:.4s}@media(max-width:768px){.hero-content{text-align:left}.hero-cta{flex-direction:column;align-items:flex-start}}.about{background-color:var(--bg);position:relative}.section-header{display:flex;align-items:center;gap:2rem;margin-bottom:4rem}.section-number{font-family:var(--font-heading);font-size:.85rem;color:var(--primary);letter-spacing:.1em}.section-header h2{color:var(--text)}.about-content{display:grid;gap:4rem}.about-text{display:flex;flex-direction:column;gap:1.5rem}.about-intro{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:400;color:var(--text);line-height:1.6}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:3rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat-item{text-align:center}.stat-item h3{font-size:clamp(2rem,5vw,3rem);color:var(--primary);margin-bottom:.5rem}.stat-item p{font-family:var(--font-heading);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}@media(max-width:768px){.section-header{gap:1rem;margin-bottom:2.5rem}.about-content{gap:2.5rem}.about-stats{grid-template-columns:1fr;gap:2rem}}.projects{background-color:var(--bg);position:relative}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{position:relative;padding:2.5rem;background-color:var(--bg);border:1px solid var(--border);transition:all .4s var(--ease-out);display:flex;flex-direction:column;gap:1.25rem}.project-card:before{content:"";position:absolute;top:0;left:0;width:0;height:2px;background-color:var(--primary);transition:width .4s var(--ease-out)}.project-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 20px 40px #0a4d4d1a}.project-card:hover:before{width:100%}.project-header{display:flex;justify-content:space-between;align-items:flex-start}.project-category{font-family:var(--font-heading);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--primary)}.project-number{font-family:var(--font-heading);font-size:1.5rem;color:var(--border);font-weight:700}.project-title{font-size:1.5rem;color:var(--text);margin:0}.project-description{flex-grow:1;font-size:.95rem;line-height:1.6;color:var(--text-light)}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{font-family:var(--font-heading);font-size:.7rem;padding:.35rem .75rem;background-color:transparent;border:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.project-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.85rem;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;transition:gap .3s var(--ease-out)}.project-link:hover{gap:1rem}.project-link svg{transition:transform .3s var(--ease-out)}.project-link:hover svg{transform:translate(2px,-2px)}.project-corner{position:absolute;bottom:0;right:0;width:40px;height:40px;border-right:2px solid var(--border);border-bottom:2px solid var(--border);opacity:0;transition:opacity .4s var(--ease-out)}.project-card:hover .project-corner{opacity:1}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{padding:2rem}}.skills{background-color:var(--bg);position:relative}.skills-container{display:flex;flex-direction:column;gap:3rem}.skill-category{display:flex;flex-direction:column;gap:1.5rem}.skill-category-title{font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.skill-pills{display:flex;flex-wrap:wrap;gap:.75rem;row-gap:1rem}.skill-pill{position:relative;padding:.75rem 1.5rem;border:1px solid var(--border);border-radius:24px;background:transparent;font-family:var(--font-heading);font-size:.85rem;color:var(--text);cursor:pointer;transition:all .3s var(--ease-out);white-space:nowrap}.skill-pill:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--primary);transition:width .3s var(--ease-out)}.skill-pill:hover{transform:scale(1.05);border-color:var(--primary);background:var(--primary);color:var(--bg)}.skill-pill:hover:before{width:60%}@media(max-width:768px){.skills-container{gap:2.5rem}.skill-category{gap:1.25rem}.skill-pills{gap:.65rem;row-gap:.85rem}.skill-pill{padding:.65rem 1.25rem;font-size:.8rem}.skill-category-title{font-size:.8rem}}@media(max-width:480px){.skills-container{gap:2rem}.skill-pills{gap:.5rem;row-gap:.75rem}.skill-pill{padding:.6rem 1.15rem;font-size:.75rem}.skill-category-title{font-size:.75rem}}.contact{background-color:var(--bg);position:relative;min-height:100vh;display:flex;align-items:center}.contact-content{display:flex;flex-direction:column;gap:4rem}.contact-intro{max-width:700px}.contact-intro p{font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.8}.contact-links{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border)}.contact-link{display:flex;align-items:center;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--border);transition:all .3s var(--ease-out);position:relative}.contact-link:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background-color:#0a4d4d05;transition:width .4s var(--ease-out);z-index:-1}.contact-link:hover:before{width:100%}.contact-link:hover{padding-left:1rem}.contact-link-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);color:var(--primary);transition:all .3s var(--ease-out)}.contact-link:hover .contact-link-icon{border-color:var(--primary);background-color:var(--primary);color:#fff}.contact-link-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.contact-link-label{font-family:var(--font-heading);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.contact-link-value{font-family:var(--font-heading);font-size:1.1rem;color:var(--text)}.contact-link-arrow{color:var(--primary);opacity:0;transform:translate(-10px);transition:all .3s var(--ease-out)}.contact-link:hover .contact-link-arrow{opacity:1;transform:translate(0)}.footer{margin-top:6rem;padding-top:3rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.footer-content{display:flex;flex-direction:column;gap:.5rem}.footer-text{font-family:var(--font-heading);font-size:.85rem;color:var(--text)}.footer-year{font-size:.85rem;color:var(--text-muted)}.footer-tech{display:flex;gap:1rem;align-items:center;font-family:var(--font-heading);font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}@media(max-width:768px){.contact-link{gap:1.5rem;padding:1.5rem 0}.contact-link-icon{width:40px;height:40px}.contact-link-value{font-size:.95rem}.footer{flex-direction:column;align-items:flex-start;gap:1.5rem}}.navigation{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 0;transition:background-color .3s var(--ease-out),padding .3s var(--ease-out)}.navigation.scrolled{background-color:var(--bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;box-shadow:0 1px 0 var(--border)}.dark-mode .navigation.scrolled{background-color:#0f0f0ff2}:root:not(.dark-mode) .navigation.scrolled{background-color:#fafaf8f2}.nav-container{max-width:1400px;margin:0 auto;padding:0 clamp(1.5rem,8vw,8rem);display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--primary);letter-spacing:-.05em;z-index:1001}.nav-menu{display:flex;list-style:none;gap:3rem;align-items:center}.nav-menu li a{font-family:var(--font-heading);font-size:.85rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--text);position:relative}.nav-menu li a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--primary);transition:width .3s var(--ease-out)}.nav-menu li a:hover:after{width:100%}.hamburger{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger span{width:24px;height:2px;background-color:var(--text);transition:all .3s var(--ease-out);transform-origin:center}.hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:last-child{transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.hamburger{display:flex}.nav-menu{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background-color:var(--bg);flex-direction:column;justify-content:center;gap:2rem;transition:right .3s var(--ease-out);box-shadow:-2px 0 20px #0000001a}.nav-menu.open{right:0}.nav-menu li a:after{display:none}}.scroll-button{position:fixed;bottom:3rem;right:clamp(1.5rem,5vw,3rem);display:flex;flex-direction:column;align-items:center;gap:1rem;background:none;border:none;cursor:pointer;z-index:100;padding:.5rem;opacity:0;transform:translateY(20px);transition:all .4s var(--ease-out);pointer-events:none}.scroll-button.visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-text{font-family:var(--font-heading);font-size:.75rem;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;transition:color .3s var(--ease)}.scroll-button:hover .scroll-text{color:var(--primary)}.scroll-button.down .scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--primary),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}.scroll-button.up{gap:.5rem}.scroll-arrow-up{font-size:1.5rem;color:var(--primary);transition:transform .3s var(--ease-out);line-height:1}.scroll-button.up:hover .scroll-arrow-up{transform:translateY(-5px)}.scroll-button.down,.scroll-button.up{animation:fadeIn .4s var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.scroll-button{bottom:2rem;right:1.5rem}.scroll-text{font-size:.7rem}.scroll-button.down .scroll-line{height:50px}.scroll-arrow-up{font-size:1.3rem}}@media(max-width:480px){.scroll-button{bottom:1.5rem;right:1rem;gap:.5rem}.scroll-text{font-size:.65rem}.scroll-button.down .scroll-line{height:40px}}.btn,.project-card,.contact-link,.nav-link,.skill-pill,.project-link{transition:transform .3s cubic-bezier(.22,.61,.36,1);will-change:transform}@media(hover:none)and (pointer:coarse){.btn,.project-card,.contact-link,.nav-link,.skill-pill,.project-link{transform:none!important}}body{cursor:default}.btn:hover,.project-card:hover,.contact-link:hover,.nav-link:hover,.skill-pill:hover,.project-link:hover{cursor:pointer}.theme-toggle{position:fixed;bottom:2rem;left:2rem;z-index:1000;background:transparent;border:2px solid var(--primary);border-radius:50px;padding:0;cursor:pointer;width:60px;height:32px;transition:all .3s var(--ease-out);-webkit-tap-highlight-color:transparent;opacity:1;transform:translateY(0)}.theme-toggle.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.theme-toggle:hover{transform:scale(1.05);border-color:var(--primary-light)}.theme-toggle-track{position:relative;width:100%;height:100%;border-radius:50px;background:var(--bg);transition:background .3s ease}.theme-toggle-thumb{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s var(--ease-out)}.theme-toggle-thumb.light{left:4px}.theme-toggle-thumb.dark{left:calc(100% - 28px);background:var(--primary-light)}@media(max-width:768px){.theme-toggle{bottom:5rem;left:1.5rem;width:54px;height:28px}.theme-toggle-thumb{width:20px;height:20px;font-size:12px}.theme-toggle-thumb.dark{left:calc(100% - 24px)}}:root{--primary: #0a4d4d;--primary-light: #0d6666;--accent: #00ff88;--accent-alt: #ff3366;--bg: #fafaf8;--text: #000000;--text-light: #333333;--text-muted: #666666;--border: #e0e0e0;--font-heading: "Cormorant Garamond", serif;--font-body: "Inter", sans-serif;--ease: cubic-bezier(.25, .46, .45, .94);--ease-out: cubic-bezier(.22, .61, .36, 1)}:root.dark-mode{--primary: #14a3a3;--primary-light: #1ac4c4;--accent: #00ff88;--accent-alt: #ff3366;--bg: #0f0f0f;--text: #e8e8e8;--text-light: #b8b8b8;--text-muted: #888888;--border: #2a2a2a}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);line-height:1.6;font-weight:300;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;transition:background-color .3s ease,color .3s ease}.app{position:relative;width:100%;overflow-x:hidden}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,8vw,5.5rem)}h2{font-size:clamp(1.8rem,5vw,3.5rem)}h3{font-size:clamp(1.2rem,3vw,1.8rem)}p{font-size:clamp(.95rem,2vw,1.1rem);line-height:1.7;color:var(--text-light)}a{color:inherit;text-decoration:none;transition:color .3s var(--ease)}section{min-height:100vh;padding:clamp(3rem,10vh,8rem) clamp(1.5rem,8vw,8rem);position:relative}.container{max-width:1400px;margin:0 auto}.container-narrow{max-width:900px;margin:0 auto}.geometric-line{position:absolute;background-color:var(--primary);opacity:.1}.geometric-line.vertical{width:1px;height:100%}.geometric-line.horizontal{height:1px;width:100%}.btn{display:inline-block;padding:.9rem 2rem;font-family:var(--font-heading);font-size:.9rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;border:2px solid var(--primary);background:transparent;color:var(--primary);cursor:pointer;transition:all .3s var(--ease-out);position:relative;overflow:hidden;min-height:44px;min-width:44px;-webkit-tap-highlight-color:transparent}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary);transition:left .3s var(--ease-out);z-index:-1}.btn:hover:before,.btn:active:before{left:0}.btn:hover,.btn:active{color:var(--bg)}@media(hover:none)and (pointer:coarse){.btn:active{transform:scale(.98)}}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:768px){section{min-height:auto;padding:clamp(2rem,8vh,4rem) 1.5rem}.grid{gap:1.5rem}h1{font-size:clamp(2rem,10vw,4rem)}h2{font-size:clamp(1.5rem,7vw,2.5rem)}.btn{padding:.8rem 1.5rem;font-size:.85rem}}@media(max-width:480px){body{font-size:.9rem}section{padding:2.5rem 1rem}.grid-2,.grid-3{grid-template-columns:1fr}h1{font-size:clamp(1.8rem,12vw,3rem)}h2{font-size:clamp(1.3rem,8vw,2rem)}h3{font-size:clamp(1rem,5vw,1.4rem)}p{font-size:.95rem;line-height:1.65}.btn{padding:.75rem 1.25rem;font-size:.8rem}}@media(max-width:360px){section{padding:2rem .875rem}h1{font-size:clamp(1.5rem,13vw,2.5rem)}}