@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap);:root{--bg-primary:#0a192f;--bg-secondary:#112240;--bg-tertiary:#1d3461;--text-primary:#ccd6f6;--text-secondary:#8892b0;--accent:#64ffda;--accent-tint:#64ffda1a;--white:#e6f1ff;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Fira Code","SF Mono","Fira Mono",monospace;--nav-height:70px;--transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:70px;scroll-padding-top:var(--nav-height)}body{-webkit-font-smoothing:antialiased;background-color:#0a192f;background-color:var(--bg-primary);color:#8892b0;color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);line-height:1.6}#root{display:flex;flex-direction:column;min-height:100vh}a{color:inherit;text-decoration:none}ul{list-style:none}img{display:block;max-width:100%}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a192fd9;display:flex;height:70px;height:var(--nav-height);justify-content:space-between;left:0;padding:0 50px;position:fixed;right:0;top:0;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition);z-index:100}.navbar.scrolled{box-shadow:0 10px 30px -10px #020c1bb3}.navbar-logo{align-items:center;display:flex;font-size:1.2rem;gap:10px;text-decoration:none}.logo-tag,.navbar-logo{color:#64ffda;color:var(--accent);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-weight:700;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.logo-tag{font-size:1rem;letter-spacing:.04em}.logo-sep{color:#8892b0;color:var(--text-secondary);font-size:1rem;font-weight:300;opacity:.4}.logo-name{color:#ccd6f6;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:1rem;font-weight:600;letter-spacing:.02em;transition:color .25s ease}.navbar-logo:hover .logo-tag{color:#e6f1ff;color:var(--white);text-shadow:0 0 12px #64ffda80}.navbar-logo:hover .logo-name{color:#64ffda;color:var(--accent)}.navbar-menu{align-items:center;display:flex;gap:10px}.navbar-nav{display:flex;gap:5px}.nav-item .nav-link{color:#ccd6f6;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.9rem;font-weight:500;padding:10px 14px;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.nav-active-bracket,.nav-link.active,.nav-link:hover{color:#64ffda;color:var(--accent)}.nav-active-bracket{font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-weight:500}.nav-num{color:#64ffda;color:var(--accent);font-size:.75rem;margin-right:4px}.navbar-social{align-items:center;display:flex;gap:8px;margin-left:20px}.navbar-social-link{align-items:center;color:#8892b0;color:var(--text-secondary);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.85rem;gap:6px;padding:6px 10px;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.navbar-social-link:hover{color:#64ffda;color:var(--accent)}.navbar-social-label{display:none}.navbar-email-btn{align-items:center;background:#64ffda;background:var(--accent);border-radius:50%;color:#0a192f;color:var(--bg-primary);display:flex;height:36px;justify-content:center;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition);width:36px}.navbar-email-btn:hover{background:#64ffdacc}.hamburger-btn{background:none;border:none;cursor:pointer;display:none;padding:10px;z-index:200}.hamburger-btn span{background-color:#64ffda;background-color:var(--accent);display:block;height:2px;margin:6px 0;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition);width:28px}.hamburger-btn.open span:first-child{transform:rotate(45deg) translate(5px,6px)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.main-content{flex:1 1;padding-top:70px;padding-top:var(--nav-height)}.section-inner{margin:0 auto;max-width:900px;padding:80px 24px}.numbered-heading{align-items:center;color:#ccd6f6;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:700;margin-bottom:40px;white-space:nowrap}.numbered-heading:after{background-color:#1d3461;background-color:var(--bg-tertiary);content:"";display:block;height:1px;margin-left:20px;max-width:300px;width:100%}.heading-num{color:#8892b0;color:var(--text-secondary);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.8rem;font-weight:400;opacity:.4}.highlight,.inline-link{color:#64ffda;color:var(--accent)}.inline-link{position:relative}.inline-link,.inline-link:after{transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.inline-link:after{background-color:#64ffda;background-color:var(--accent);bottom:-2px;content:"";height:1px;left:0;position:absolute;width:0}.inline-link:hover:after{width:100%}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:0 80px;position:relative}.hero-content{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;width:100%}.code-decorations{margin-bottom:20px}.code-tag{color:#8892b0;color:var(--text-secondary);display:block;font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.85rem;line-height:1.8;opacity:.5}.code-indent{padding-left:20px}.hero-code-label{color:#8892b0;color:var(--text-secondary);font-size:.8rem;margin:4px 0;opacity:.4}.hero-code-label,.hero-greeting{font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono)}.hero-greeting{color:#64ffda;color:var(--accent);font-size:1rem;margin-bottom:20px}.hero-name{color:#ccd6f6;color:var(--text-primary);font-size:clamp(2.8rem,6vw,4.5rem);font-weight:800;line-height:1.15;margin-bottom:8px}.hero-subtitle{color:#8892b0;color:var(--text-secondary);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:clamp(1rem,2vw,1.3rem);font-weight:400;line-height:1.4;margin-bottom:30px}.hero-description{font-size:1.05rem;line-height:1.7;margin-bottom:40px;max-width:500px}.hero-cta-group{align-items:center;display:flex;gap:30px;margin-top:10px}.hero-cta{border:1px solid #64ffda;border:1px solid var(--accent);border-radius:4px;color:#64ffda;color:var(--accent);display:inline-block;font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.9rem;padding:14px 28px;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.hero-cta:hover{background-color:#64ffda1a;background-color:var(--accent-tint)}.hero-cta-link{color:#ccd6f6;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.95rem;text-decoration:underline;text-underline-offset:4px;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.hero-cta-link:hover{color:#64ffda;color:var(--accent)}.hero-image{display:flex;justify-content:center}.hero-photo-area{height:640px;position:relative;width:560px}.hero-circle-bg{background:radial-gradient(circle,#1d3461 0,#0000 70%);background:radial-gradient(circle,var(--bg-tertiary) 0,#0000 70%);border-radius:50%;height:470px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:470px;z-index:0}.hero-photo-wrapper{bottom:10%;cursor:pointer;height:auto;left:50%;mask-image:linear-gradient(180deg,#000 85%,#0000);-webkit-mask-image:linear-gradient(180deg,#000 85%,#0000);position:absolute;transform:translateX(-50%);width:100%;z-index:1}.hero-photo-wrapper img{display:block;filter:grayscale(90%);height:auto;transition:filter .4s ease;width:100%}.hero-photo-wrapper:hover img{filter:grayscale(0)}.floating-icon{align-items:center;animation:float 3s ease-in-out infinite;background:#112240;background:var(--bg-secondary);border-radius:50%;box-shadow:0 4px 15px #0000004d;color:#8892b0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.4rem;height:50px;justify-content:center;position:absolute;width:50px;z-index:2}.floating-icon-1{animation-delay:0s;color:#64ffda;color:var(--accent);right:5%;top:15%}.floating-icon-2{animation-delay:.5s;bottom:30%;color:#64ffda;color:var(--accent);right:0}.floating-icon-3{animation-delay:1s;color:#64ffda;color:var(--accent);left:0;top:40%}.floating-icon-4{animation-delay:1.5s;color:#64ffda;color:var(--accent);left:15%;top:5%}.floating-icon-5{animation-delay:2s;bottom:15%;color:#64ffda;color:var(--accent);left:5%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.about-section{background-color:#0a192f;background-color:var(--bg-primary);overflow:hidden;position:relative}.about-bg-image{inset:0;pointer-events:none;position:absolute;z-index:0}.about-bg-image img{filter:grayscale(60%);height:100%;mask-image:radial-gradient(ellipse 70% 60% at center,#000 20%,#0000 70%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at center,#000 20%,#0000 70%);object-fit:cover;object-position:center top;opacity:.07;width:100%}.about-bg-overlay{background:linear-gradient(180deg,#0a192f 0,#0000 15%,#0000 85%,#0a192f);background:linear-gradient(to bottom,var(--bg-primary) 0,#0000 15%,#0000 85%,var(--bg-primary) 100%);inset:0;pointer-events:none;position:absolute;z-index:1}.about-section .section-inner{position:relative;z-index:2}.about-intro{grid-gap:50px;align-items:flex-start;display:grid;gap:50px;grid-template-columns:3fr 2fr}.about-text p{font-size:1rem;line-height:1.7;margin-bottom:16px}.about-sidebar{display:flex;flex-direction:column;gap:20px}.about-tech-block{border-left:3px solid #64ffda;border-left:3px solid var(--accent)}.about-soft-block,.about-tech-block{background:#112240;background:var(--bg-secondary);border-radius:8px;padding:24px}.about-soft-block{border-left:3px solid #8892b0;border-left:3px solid var(--text-secondary)}.soft-label,.tech-label{color:#64ffda;color:var(--accent);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.05em;margin-bottom:14px}.soft-label{color:#ccd6f6;color:var(--text-primary)}.soft-list{display:flex;flex-direction:column;gap:6px}.soft-list li{color:#8892b0;color:var(--text-secondary);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.82rem;padding-left:20px;position:relative;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.soft-list li:hover{color:#ccd6f6;color:var(--text-primary)}.soft-list li:before{color:#8892b0;color:var(--text-secondary);content:"✦";font-size:.65rem;left:0;position:absolute;top:2px}.tech-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.tech-list li{color:#8892b0;color:var(--text-secondary);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.82rem;padding-left:20px;position:relative;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.tech-list li:hover{color:#ccd6f6;color:var(--text-primary)}.tech-list li:before{color:#64ffda;color:var(--accent);content:"▹";font-size:.9rem;left:0;position:absolute}.about-bottom{margin-top:80px;text-align:center}.about-divider{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:40px}.divider-line{background:linear-gradient(90deg,#0000,#64ffda,#0000);background:linear-gradient(90deg,#0000,var(--accent),#0000);display:block;height:1px;width:80px}.divider-symbol{color:#64ffda;color:var(--accent);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.85rem;opacity:.6}.about-name-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px;margin-bottom:32px;text-align:center}.about-ac-tag{color:#64ffda;color:var(--accent);display:block;font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:clamp(.95rem,2vw,1.15rem);letter-spacing:.12em;margin-bottom:6px;opacity:.85}.about-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#64ffda 50%,#ccd6f6 0);background:linear-gradient(90deg,var(--accent) 50%,var(--text-primary) 50%);-webkit-background-clip:text;background-clip:text;background-position:100% 0;background-size:200% 100%;color:#ccd6f6;color:var(--text-primary);cursor:default;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;transition:background-position .4s ease}.about-name:hover{background-position:0 0}.about-name-role{color:#8892b0;color:var(--text-secondary);display:block;font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.05em;margin-top:8px;opacity:.7}.about-wlb{margin-top:0;text-align:center}.wlb-heading{align-items:center;color:#ccd6f6;color:var(--text-primary);display:flex;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;gap:0;justify-content:center;letter-spacing:.15em;margin-bottom:16px}.wlb-heading span{transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.wlb-heading span:hover,.wlb-slash{color:#64ffda;color:var(--accent)}.wlb-slash{font-weight:300;margin:0 14px;opacity:.7}.wlb-slash:hover{opacity:1}.wlb-subtitle{color:#8892b0;color:var(--text-secondary);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.85rem;margin-bottom:28px;opacity:.7}.wlb-hobbies{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.wlb-hobby-item{align-items:center;background:#112240;background:var(--bg-secondary);border:1px solid #0000;border-radius:8px;display:flex;flex-direction:column;gap:10px;min-width:130px;padding:20px 24px;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.wlb-hobby-item:hover{border-color:#64ffda;border-color:var(--accent);box-shadow:0 8px 25px #020c1b80;transform:translateY(-4px)}.hobby-icon{color:#64ffda;color:var(--accent);font-size:1.5rem;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.wlb-hobby-item:hover .hobby-icon{transform:scale(1.15)}.hobby-label{color:#ccd6f6;color:var(--text-primary);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.82rem}.experience-section{background-color:#0a192f;background-color:var(--bg-primary);overflow:hidden;position:relative}.experience-content{display:flex;gap:30px}.exp-tabs{border-left:2px solid #1d3461;border-left:2px solid var(--bg-tertiary);display:flex;flex-direction:column;min-width:160px}.exp-tab{background:none;border:none;color:#8892b0;color:var(--text-secondary);cursor:pointer;font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.82rem;padding:12px 20px;position:relative;text-align:left;white-space:nowrap}.exp-tab,.exp-tab:before{transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.exp-tab:before{background-color:initial;content:"";height:100%;left:-2px;position:absolute;top:0;width:2px}.exp-tab:hover{background-color:#64ffda1a;background-color:var(--accent-tint)}.exp-tab.active,.exp-tab:hover{color:#64ffda;color:var(--accent)}.exp-tab.active:before{background-color:#64ffda;background-color:var(--accent)}.exp-panel{flex:1 1}.exp-title{color:#ccd6f6;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:4px}.exp-company{color:#64ffda;color:var(--accent)}.exp-period{color:#8892b0;color:var(--text-secondary);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.8rem;margin-bottom:20px}.exp-list li{font-size:.95rem;line-height:1.5;margin-bottom:12px;padding-left:24px;position:relative}.exp-list li:before{color:#64ffda;color:var(--accent);content:"▹";font-size:1rem;left:0;position:absolute}.skills-section{background-color:#0a192f;background-color:var(--bg-primary);overflow:hidden;position:relative}.skills-matrix-canvas{height:100%;opacity:.12;width:100%;z-index:0}.skills-matrix-canvas,.skills-matrix-overlay{inset:0;pointer-events:none;position:absolute}.skills-matrix-overlay{background:linear-gradient(180deg,#0a192f 0,#0000 15%,#0000 85%,#0a192f);background:linear-gradient(to bottom,var(--bg-primary) 0,#0000 15%,#0000 85%,var(--bg-primary) 100%);z-index:1}.skills-section .section-deco,.skills-section .section-inner{position:relative;z-index:2}.section-description{font-size:1rem;line-height:1.7;margin-bottom:40px;max-width:600px}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.skill-item{align-items:center;background-color:#112240;background-color:var(--bg-secondary);border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:20px 10px;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.skill-item:hover{background-color:#1d3461;background-color:var(--bg-tertiary);transform:translateY(-5px)}.skill-icon{color:#64ffda;color:var(--accent);font-size:2rem}.skill-icon-img{filter:brightness(0) saturate(100%) invert(89%) sepia(30%) saturate(890%) hue-rotate(97deg) brightness(104%) contrast(101%);height:2rem;object-fit:contain;width:2rem}.svg-icon{color:#64ffda;color:var(--accent);font-size:2rem}.skill-name{color:#ccd6f6;color:var(--text-primary);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.8rem;text-align:center}.projects-section{background-color:#0a192f;background-color:var(--bg-primary);overflow:hidden;position:relative}.featured-projects{display:flex;flex-direction:column;gap:80px;margin-bottom:80px}.featured-project{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(12,1fr);position:relative}.featured-project .project-image-wrap{grid-column:1/8;grid-row:1/-1}.featured-project .project-content{grid-column:6/-1;grid-row:1/-1;text-align:right;z-index:2}.featured-project.reverse .project-image-wrap{grid-column:6/-1;grid-row:1/-1}.featured-project.reverse .project-content{grid-column:1/8;grid-row:1/-1;text-align:left;z-index:2}.project-image-wrap{border-radius:4px;overflow:hidden;position:relative}.project-image-wrap img{border-radius:4px;filter:grayscale(90%);height:100%;mask-image:linear-gradient(180deg,#000 85%,#0000);-webkit-mask-image:linear-gradient(180deg,#000 85%,#0000);object-fit:cover;transition:filter .4s ease,transform .4s ease;width:100%}.project-overlay{background-color:#64ffda08;inset:0;position:absolute;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.project-image-wrap:hover .project-overlay{background-color:initial}.project-image-wrap:hover img{filter:grayscale(0);transform:scale(1.03)}.project-content{text-align:right}.project-overline{color:#64ffda;color:var(--accent);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.8rem;margin-bottom:8px}.project-title{font-size:1.5rem;font-weight:700;margin-bottom:20px}.project-title a{color:#ccd6f6;color:var(--text-primary);transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.project-title a:hover{color:#64ffda;color:var(--accent)}.project-description-box{background-color:#112240;background-color:var(--bg-secondary);border-radius:4px;box-shadow:0 10px 30px -15px #020c1bb3;margin-bottom:20px;padding:28px;position:relative;z-index:2}.project-description-box p{font-size:.95rem;line-height:1.6}.project-tech-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-bottom:12px}.featured-project.reverse .project-tech-list{justify-content:flex-start}.project-tech-list li{color:#8892b0;color:var(--text-secondary);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.78rem}.project-links{display:flex;gap:16px;justify-content:flex-end}.featured-project.reverse .project-links{justify-content:flex-start}.project-links a{color:#ccd6f6;color:var(--text-primary);font-size:1.2rem;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.project-links a:hover{color:#64ffda;color:var(--accent)}.other-heading{color:#ccd6f6;color:var(--text-primary);font-size:1.5rem;margin-bottom:40px;text-align:center}.other-projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.other-project-card{background-color:#112240;background-color:var(--bg-secondary);border-radius:4px;display:flex;flex-direction:column;padding:30px;transition:transform .25s ease,box-shadow .25s ease}.other-project-card:hover{box-shadow:0 10px 30px -15px #020c1bb3;transform:translateY(-7px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.folder-icon{color:#64ffda;color:var(--accent)}.card-links{display:flex;gap:14px}.card-links a{color:#8892b0;color:var(--text-secondary);font-size:1.1rem;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.card-links a:hover{color:#64ffda;color:var(--accent)}.card-title{color:#ccd6f6;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:12px;transition:color .25s}.other-project-card:hover .card-title{color:#64ffda;color:var(--accent)}.card-description{flex:1 1;font-size:.9rem;line-height:1.6;margin-bottom:20px}.card-tech{display:flex;flex-wrap:wrap;gap:10px}.card-tech li{color:#8892b0;color:var(--text-secondary);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.75rem}.contact-section{background-color:#0a192f;background-color:var(--bg-primary);overflow:hidden;position:relative;text-align:center}.contact-bg-decoration{display:flex;flex-direction:column;inset:0;justify-content:space-between;padding:40px 60px;pointer-events:none;position:absolute;z-index:0}.contact-deco-tag{color:#64ffda;color:var(--accent);display:block;font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:1rem;opacity:.08;text-align:left}.contact-deco-close{text-align:right}.contact-inner{max-width:620px;padding:110px 24px 160px;position:relative;z-index:1}.contact-overline{color:#64ffda;color:var(--accent);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.9rem;margin-bottom:16px}.contact-title{color:#ccd6f6;color:var(--text-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:20px}.contact-description{color:#8892b0;color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-bottom:44px}.contact-btn{align-items:center;border:1px solid #64ffda;border:1px solid var(--accent);border-radius:4px;color:#64ffda;color:var(--accent);display:inline-flex;font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.95rem;gap:10px;letter-spacing:.05em;padding:16px 40px;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.contact-btn-icon{font-size:1.1rem}.contact-btn:hover{background-color:#64ffda1a;background-color:var(--accent-tint);box-shadow:0 8px 20px #64ffda1a;transform:translateY(-3px)}.contact-social{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:40px}.contact-social-link{align-items:center;color:#8892b0;color:var(--text-secondary);display:flex;font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.85rem;gap:8px;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.contact-social-link:hover{color:#64ffda;color:var(--accent);transform:translateY(-2px)}.contact-social-divider{color:#1d3461;color:var(--bg-tertiary);font-size:1.2rem}.footer{background-color:#0a192f;background-color:var(--bg-primary);padding:24px;text-align:center}.footer-social{display:flex;gap:24px;justify-content:center;margin-bottom:16px}.footer-social a{color:#8892b0;color:var(--text-secondary);font-size:1.3rem;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.footer-social a:hover{color:#64ffda;color:var(--accent);transform:translateY(-3px)}.footer-credit{color:#8892b0;color:var(--text-secondary);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.75rem}.side-email,.side-social{align-items:center;bottom:0;display:flex;flex-direction:column;position:fixed;z-index:10}.side-social{left:40px}.side-email{right:40px}.side-email:after,.side-social:after{background:#8892b0;background:var(--text-secondary);content:"";display:block;height:90px;margin-top:10px;width:1px}.side-social a{color:#8892b0;color:var(--text-secondary);display:block;font-size:1.25rem;padding:10px;transition:color .25s,transform .25s}.side-social a:hover{color:#64ffda;color:var(--accent);transform:translateY(-3px)}.side-email a{color:#8892b0;color:var(--text-secondary);font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;padding:10px;text-decoration:none;transition:color .25s,transform .25s;writing-mode:vertical-rl}.side-email a:hover{color:#64ffda;color:var(--accent);transform:translateY(-3px)}.scroll-top-btn{align-items:center;background:#64ffda;background:var(--accent);border:none;border-radius:50%;bottom:30px;color:#0a192f;color:var(--bg-primary);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;opacity:0;position:fixed;right:30px;transform:translateY(20px);transition:opacity .3s,visibility .3s,transform .3s;visibility:hidden;width:44px;z-index:999}.scroll-top-btn.visible{opacity:1;transform:translateY(0);visibility:visible}.scroll-top-btn:hover{background:#64ffdad9}.section-deco{display:flex;flex-direction:column;inset:0;justify-content:space-between;padding:40px 60px;pointer-events:none;position:absolute;z-index:2}.section-deco-tag{color:#64ffda;color:var(--accent);display:block;font-family:Fira Code,SF Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:1rem;opacity:.08;text-align:left}.section-deco-close{text-align:right}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.revealed{opacity:1;transform:translateY(0)}.slide-from-right{transform:translateX(100px)}.slide-from-left,.slide-from-right{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out}.slide-from-left{transform:translateX(-100px)}.slide-from-left.revealed,.slide-from-right.revealed{opacity:1;transform:translateX(0)}.fade-in{animation:fadeInUp .8s ease forwards;opacity:0;transform:translateY(20px)}.fade-in:nth-child(2){animation-delay:.3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.typing-cursor{animation:blink 1s step-end infinite;color:#64ffda;color:var(--accent);display:inline-block;font-weight:100;margin-left:2px}@keyframes blink{50%{opacity:0}}@media (max-width:768px){.side-email,.side-social{display:none}.navbar{padding:0 25px}.hamburger-btn{display:block}.navbar-menu{align-items:center;background-color:#112240;background-color:var(--bg-secondary);box-shadow:-10px 0 30px -15px #020c1bb3;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:right .3s ease;width:min(75vw,400px)}.navbar-menu.open{right:0}.navbar-nav{flex-direction:column;gap:10px;margin-bottom:30px;text-align:center}.nav-item .nav-link{font-size:1rem;padding:14px}.navbar-social{flex-wrap:wrap;justify-content:center;margin-left:0;margin-top:20px}.navbar-social-label{display:inline}.hero{padding:3.75rem 25px 0}.hero .section-deco{padding-top:20px}.hero-br-hide{display:none}.hero-content{gap:30px;grid-template-columns:1fr;text-align:center}.hero-text{order:2}.hero-image{order:1}.code-decorations,.hero-code-label{display:none}.hero-cta-group{justify-content:center}.hero-description{margin-left:auto;margin-right:auto}.hero-photo-area{height:auto;margin:0 auto;width:280px}.hero-circle-bg{height:240px;width:240px}.hero-photo-wrapper{left:auto;margin:0 auto;position:relative;transform:none;width:260px}.floating-icon{font-size:1rem;height:36px;width:36px}.about-intro{gap:30px;grid-template-columns:1fr}.experience-content{flex-direction:column}.exp-tabs{border-bottom:2px solid #1d3461;border-bottom:2px solid var(--bg-tertiary);border-left:none;flex-direction:row;min-width:0;overflow-x:auto}.exp-tab:before{bottom:-2px;height:2px;left:0;top:auto;width:100%}.featured-project{display:flex;flex-direction:column}.featured-project .project-content,.featured-project .project-image-wrap,.featured-project.reverse .project-content,.featured-project.reverse .project-image-wrap{grid-column:1/-1}.featured-project .project-content,.featured-project.reverse .project-content{text-align:left}.project-links,.project-tech-list{justify-content:flex-start}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (min-width:769px) and (max-width:1024px){.navbar{padding:0 30px}.navbar-social{gap:4px;margin-left:10px}.navbar-social-link{font-size:.78rem;padding:6px}.side-social{left:16px}.side-email{right:16px}.hero{min-height:80vh;padding:0 90px}.hero-content{gap:20px}.hero-photo-area{height:390px;width:340px}.hero-circle-bg{height:280px;width:280px}.hero-photo-wrapper{width:310px}.hero-name{font-size:clamp(2.5rem,5.5vw,3.4rem)}.section-inner{max-width:860px;padding:70px 90px}.about-intro{gap:30px;grid-template-columns:1fr 1fr}.experience-content{gap:20px}.exp-tabs{min-width:130px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.featured-project .project-image-wrap{grid-column:1/7}.featured-project .project-content{grid-column:5/-1}.featured-project.reverse .project-image-wrap{grid-column:7/-1}.featured-project.reverse .project-content{grid-column:1/9}.other-projects-grid{grid-template-columns:repeat(2,1fr)}.wlb-hobbies{gap:20px}.wlb-hobby-item{min-width:110px;padding:16px 18px}}
/*# sourceMappingURL=main.24265156.css.map*/