.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 50px;background-color:#0a192fd9;backdrop-filter:blur(10px);transition:var(--transition);height:100px;display:flex;align-items:center}.header.scrolled{background-color:#0a192ff2;box-shadow:0 10px 30px -10px #020c1bb3;height:70px}.nav{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--max-width);margin:0 auto}.nav-logo a{color:var(--accent-primary);font-family:var(--font-mono);font-size:20px;font-weight:600;text-decoration:none;transition:var(--transition)}.nav-logo a:hover{color:var(--text-primary)}.nav-links{display:flex;align-items:center;gap:30px}.nav-links ol{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}.nav-links ol li a{color:var(--text-primary);font-family:var(--font-mono);font-size:13px;font-weight:400;text-decoration:none;padding:10px;transition:var(--transition)}.nav-links ol li a span{color:var(--accent-primary);margin-right:5px}.nav-links ol li a:hover{color:var(--accent-primary)}.nav-resume .btn{padding:10px 15px;font-size:13px}.nav-hamburger{display:none;flex-direction:column;cursor:pointer}.nav-hamburger button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0}.nav-hamburger button span{width:25px;height:2px;background-color:var(--accent-primary);margin:2px 0;transition:var(--transition)}@media (max-width: 768px){.header{padding:0 25px}.nav-links{display:none}.nav-hamburger{display:flex}}@media (max-width: 480px){.header{padding:0 20px}.nav-logo a{font-size:18px}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 0 0;overflow:hidden}.hero-background{position:absolute;inset:0;z-index:-1}.hero-particles{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(10,25,47,.8) 70%),linear-gradient(45deg,rgba(100,255,218,.03) 0%,transparent 50%),linear-gradient(-45deg,rgba(90,151,219,.03) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}.hero-content{max-width:1000px;margin:0 auto;padding:var(--container-padding)}.hero-intro{margin-bottom:30px;animation-delay:.1s}.hero-title{margin-bottom:30px;color:var(--text-primary);font-weight:600;animation-delay:.2s}.hero-subtitle{margin-bottom:30px;color:var(--text-secondary);font-weight:600;animation-delay:.3s}.hero-description{margin-bottom:50px;max-width:540px;font-size:20px;animation-delay:.4s}.hero-cta{animation-delay:.5s}.hero-cta .btn{padding:1.5rem 2rem;font-size:16px}.hero-content>*{opacity:0;animation-fill-mode:both}.hero-content .fade-in-up:nth-child(1){animation-delay:.1s}.hero-content .fade-in-up:nth-child(2){animation-delay:.2s}.hero-content .fade-in-up:nth-child(3){animation-delay:.3s}.hero-content .fade-in-up:nth-child(4){animation-delay:.4s}.hero-content .fade-in-up:nth-child(5){animation-delay:.5s}@media (max-width: 768px){.hero{padding:100px 0 0}.hero-content{padding:0 50px}.hero-description{font-size:18px}}@media (max-width: 480px){.hero{padding:90px 0 0}.hero-content{padding:0 25px}.hero-intro,.hero-title,.hero-subtitle{margin-bottom:20px}.hero-description{margin-bottom:40px;font-size:16px}}.about-content{max-width:900px;margin:0 auto}.about-inner{display:grid;grid-template-columns:3fr 2fr;gap:50px}.about-text div,.about-text p{margin-bottom:15px}.skills-list{display:grid;grid-template-columns:repeat(2,minmax(140px,200px));gap:0px 10px;padding:0;margin:20px 0 0;overflow:hidden;list-style:none}.skills-list li{position:relative;margin-bottom:10px;padding-left:20px;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.skills-list li:before{content:"▹";position:absolute;left:0;color:var(--accent-primary);font-size:14px;line-height:12px}.about-pic{position:relative;max-width:300px;margin-left:auto;aspect-ratio:1}.about-pic .wrapper{position:relative;width:100%;height:100%;border-radius:4px;background-color:var(--accent-primary);transition:var(--transition)}.about-pic .wrapper:hover{background:transparent;outline:0}.about-pic .wrapper:hover .img{filter:none;mix-blend-mode:normal}.about-pic .wrapper:hover .overlay{background:transparent}.about-pic .img{position:relative;border-radius:4px;mix-blend-mode:multiply;filter:grayscale(100%) contrast(1);transition:var(--transition);width:100%;height:100%;object-fit:cover;object-position:center;display:block}.about-pic .overlay{position:absolute;inset:0;background-color:#64ffda66;border-radius:4px;transition:var(--transition)}.about-pic .wrapper:before{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:4px;top:20px;left:20px;background-color:transparent;border:2px solid var(--accent-primary);z-index:-1;transition:var(--transition)}.about-pic .wrapper:hover:before{top:15px;left:15px}@media (max-width: 768px){.about-inner{display:block}.about-pic{max-width:250px;margin:40px auto 0;aspect-ratio:1}}@media (max-width: 480px){.about-pic{max-width:200px;aspect-ratio:1}.skills-list{grid-template-columns:repeat(2,minmax(120px,1fr))}}.experience-content{max-width:700px;margin:0 auto}.experience-inner{display:flex;gap:20px}.experience-tabs{position:relative;z-index:3;width:max-content;padding:0;margin:0;list-style:none}.tab-button{display:flex;align-items:center;width:100%;height:42px;padding:0 20px 2px;border:none;border-left:2px solid var(--text-secondary);background-color:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:13px;text-align:left;white-space:nowrap;cursor:pointer;transition:var(--transition)}.tab-button:hover,.tab-button:focus{background-color:#64ffda1a;color:var(--accent-primary);outline:none}.tab-button.active{color:var(--accent-primary);background-color:#64ffda1a}.tab-highlight{position:absolute;top:0;left:0;z-index:10;width:2px;height:42px;border-radius:4px;background:var(--accent-primary);transform:translateY(0);transition:transform .25s cubic-bezier(.645,.045,.355,1)}.experience-content-panel{position:relative;width:100%;margin-left:20px}.tab-panel{width:100%;height:auto;padding:10px 5px}.tab-panel[hidden]{display:none}.tab-panel h3{margin-bottom:2px;font-size:22px;font-weight:500;line-height:1.3;color:var(--text-primary)}.tab-panel h3 .role{color:var(--text-primary)}.tab-panel h3 .company{color:var(--accent-primary)}.tab-panel h3 .inline-link{color:var(--accent-primary);text-decoration:none}.tab-panel h3 .inline-link:hover{text-decoration:underline}.duration{margin-bottom:30px;color:var(--text-secondary);font-family:var(--font-mono);font-size:13px}.responsibilities{padding:0;margin:0;list-style:none;font-size:18px}.responsibilities li{position:relative;padding-left:30px;margin-bottom:10px;color:var(--text-secondary)}.responsibilities li:before{content:"▹";position:absolute;left:0;color:var(--accent-primary);font-size:14px;line-height:12px}@media (max-width: 768px){.experience-inner{display:block}.experience-tabs{display:flex;overflow-x:auto;width:100%;padding-left:50px;margin-left:-50px;margin-bottom:30px}.tab-button{border-left:0;border-bottom:2px solid var(--text-secondary);min-width:120px;padding:0 15px 2px}.tab-highlight{top:auto;bottom:0;width:100%;max-width:120px;height:2px;transform:translate(0)}.experience-content-panel{margin-left:0}}@media (max-width: 480px){.experience-tabs{padding-left:25px;margin-left:-25px}.tab-button{min-width:100px;padding:0 10px 2px}.tab-highlight{max-width:100px}}#projects.section{padding-bottom:200px}.projects-content{max-width:1000px;margin:0 auto;position:relative}.projects-content:before{content:"";position:absolute;top:-50px;left:50%;transform:translate(-50%);width:2px;height:100px;background:linear-gradient(to bottom,transparent,var(--accent-primary),transparent);opacity:.3}.projects-content:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(100,255,218,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(90,151,219,.02) 0%,transparent 50%),radial-gradient(circle at 40% 90%,rgba(100,255,218,.02) 0%,transparent 50%);pointer-events:none;z-index:-1}.projects-grid{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:80px}.project-item{position:relative;display:grid;gap:20px;grid-template-columns:repeat(12,1fr);align-items:center;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.project-item.visible{opacity:1;transform:translateY(0)}.project-item.dimmed{opacity:.3;transform:scale(.95)}.project-item.hovered{transform:translateY(-10px) scale(1.02)}.project-number{position:absolute;top:-40px;left:0;display:flex;align-items:center;gap:20px;z-index:10}.project-number-text{font-family:var(--font-mono);font-size:14px;color:var(--accent-primary);font-weight:600;letter-spacing:1px}.project-number-line{width:60px;height:1px;background:linear-gradient(to right,var(--accent-primary),transparent);opacity:.6}.project-item:nth-of-type(odd) .project-content{grid-column:1 / 7;text-align:left}.project-item:nth-of-type(odd) .project-image{grid-column:6 / -1}.project-item:nth-of-type(2n) .project-content{grid-column:7 / -1;text-align:right}.project-item:nth-of-type(2n) .project-image{grid-column:1 / 8}.project-content{position:relative;grid-column:1 / 7;grid-row:1 / -1;z-index:5;padding:30px;background:#0a192fe6;border-radius:8px;backdrop-filter:blur(10px);border:1px solid rgba(100,255,218,.1);transition:all .4s ease}.project-item:hover .project-content{background:#0a192ff2;border-color:#64ffda4d;box-shadow:0 20px 40px #020c1bb3}.project-header{margin-bottom:25px}.project-overline{margin:0 0 15px;color:var(--accent-primary);font-family:var(--font-mono);font-size:13px;font-weight:400;position:relative;overflow:hidden}.project-overline:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent-primary);transition:width .6s ease}.project-item:hover .project-overline:after{width:50px}.project-title{color:var(--text-primary);font-size:clamp(24px,5vw,28px);margin:0;position:relative}.project-title a{color:var(--text-primary);text-decoration:none;transition:var(--transition);position:relative;display:inline-block}.project-title-text{position:relative;z-index:2}.project-title-underline{position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .4s cubic-bezier(.25,.46,.45,.94)}.project-item:hover .project-title-underline{width:100%}.project-title a:hover .project-title-text{color:var(--accent-primary);transform:translateY(-2px)}.project-description{position:relative;margin-bottom:30px}.project-description-inner{position:relative;z-index:2;padding:25px;border-radius:8px;background:#112240f2;color:var(--text-secondary);font-size:18px;box-shadow:0 10px 30px -15px #020c1bb3;transition:all .4s ease;overflow:hidden}.project-description-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,255,218,.1),transparent);transition:left .6s ease}.project-item:hover .project-description-glow{left:100%}.project-item:hover .project-description-inner{background:#112240;box-shadow:0 20px 40px -15px #020c1bcc;transform:translateY(-2px)}.project-tech-list{display:flex;flex-wrap:wrap;position:relative;z-index:2;margin:25px 0 30px;padding:0;list-style:none;gap:15px}.project-tech-item{color:var(--text-secondary);font-family:var(--font-mono);font-size:13px;white-space:nowrap;padding:8px 16px;background:#64ffda1a;border-radius:20px;border:1px solid rgba(100,255,218,.2);transition:all .3s ease;opacity:0;transform:translateY(20px);animation:techItemFadeIn .6s ease forwards}@keyframes techItemFadeIn{to{opacity:1;transform:translateY(0)}}.project-tech-item:hover{background:#64ffda33;border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.project-links{display:flex;align-items:center;gap:20px;position:relative;color:var(--text-secondary)}.project-link{display:flex;justify-content:center;align-items:center;color:var(--text-secondary);transition:all .3s ease;position:relative}.link-icon-wrapper{position:relative;padding:12px;border-radius:50%;background:#64ffda1a;border:2px solid transparent;transition:all .3s ease;overflow:hidden}.project-link:hover .link-icon-wrapper{background:#64ffda33;border-color:var(--accent-primary);transform:translateY(-3px) scale(1.1)}.project-link:hover{color:var(--accent-primary)}.project-link svg{width:20px;height:20px;z-index:2;position:relative}.link-ripple{position:absolute;top:50%;left:50%;width:0;height:0;background:#64ffda4d;border-radius:50%;transform:translate(-50%,-50%);transition:all .4s ease}.project-link:hover .link-ripple{width:40px;height:40px}.project-image{position:relative;grid-column:6 / -1;grid-row:1 / -1;z-index:1;aspect-ratio:1}.project-image-wrapper{position:relative;overflow:hidden;border-radius:12px;background:var(--accent-primary);transition:all .4s ease;width:100%;height:100%}.project-image-container{position:relative;width:100%;height:100%;overflow:hidden}.project-image img{border-radius:12px;mix-blend-mode:multiply;filter:grayscale(100%) contrast(1) brightness(90%);width:100%;height:100%;object-fit:cover;object-position:center;vertical-align:middle;transition:all .4s ease;transform:scale(1.05)}.project-image-overlay{position:absolute;inset:0;background:#0a192fcc;opacity:0;transition:all .4s ease;display:flex;align-items:center;justify-content:center;z-index:3}.project-image-overlay-content{text-align:center;color:var(--accent-primary);transform:translateY(20px);transition:all .4s ease}.project-image-overlay-content span{display:block;font-family:var(--font-mono);font-size:14px;font-weight:600;margin-bottom:10px;letter-spacing:1px}.project-image-arrow{width:30px;height:30px;margin:0 auto;border:2px solid var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.project-image-arrow svg{width:16px;height:16px}.project-image-glow{position:absolute;inset:-2px;background:linear-gradient(45deg,var(--accent-primary),rgba(100,255,218,.5),var(--accent-primary));border-radius:14px;opacity:0;transition:opacity .4s ease;z-index:-1}.project-item:hover .project-image img{filter:none;mix-blend-mode:normal;transform:scale(1.1)}.project-item:hover .project-image-overlay{opacity:1}.project-item:hover .project-image-overlay-content{transform:translateY(0)}.project-item:hover .project-image-arrow{transform:rotate(45deg) scale(1.1);background:var(--accent-primary);color:var(--bg-primary)}.project-item:hover .project-image-glow{opacity:.3}.project-item:hover .project-image-wrapper{background:transparent;transform:translateY(-5px);box-shadow:0 25px 50px -12px #64ffda40,0 0 0 1px #64ffda1a}.projects-cta{text-align:center;margin-top:60px;padding-top:40px;border-top:1px solid rgba(100,255,218,.1)}.projects-github-btn{padding:1.5rem 2rem;font-size:16px;font-weight:500;letter-spacing:.5px;transition:all .3s ease;position:relative;overflow:hidden}.projects-github-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,255,218,.1),transparent);transition:left .6s ease}.projects-github-btn:hover:before{left:100%}.projects-github-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px -10px #64ffda66}@media (max-width: 768px){#projects.section{padding-bottom:150px}.projects-grid{gap:60px}.project-item{display:block;position:relative}.project-number{position:relative;top:0;margin-bottom:20px}.project-content{display:flex;flex-direction:column;justify-content:center;height:100%;grid-column:1 / -1;padding:30px 25px;z-index:5;margin-bottom:30px}.project-content>div{display:flex;flex-direction:column;align-items:flex-start}.project-item:nth-of-type(odd) .project-content,.project-item:nth-of-type(2n) .project-content{text-align:left;grid-column:1 / -1}.project-description-inner{padding:20px;background-color:#112240cc;box-shadow:none;border:1px solid rgba(100,255,218,.1)}.project-tech-list{justify-content:flex-start;margin:20px 0;gap:10px}.project-tech-item{padding:6px 12px;font-size:12px}.project-item:nth-of-type(2n) .project-tech-list{justify-content:flex-start}.project-item:nth-of-type(2n) .project-tech-list li{margin:0}.project-links{justify-content:flex-start;margin-top:20px;gap:15px}.project-item:nth-of-type(2n) .project-links{justify-content:flex-start;margin-left:0;margin-right:0}.project-image{grid-column:1 / -1;aspect-ratio:1;max-width:300px;margin:0 auto 30px;opacity:.3;order:-1}.projects-cta{margin-top:40px;padding-top:30px}.projects-github-btn{padding:1.25rem 1.75rem;font-size:14px}.project-image-wrapper{height:100%}.project-image img{height:100%;object-fit:cover;object-position:center}}@media (max-width: 480px){#projects.section{padding-bottom:120px}.projects-grid{gap:50px}.project-content{padding:25px 20px}.project-tech-list{gap:8px}.project-tech-item{padding:4px 10px;font-size:11px}.project-image{aspect-ratio:1;max-width:250px;margin:0 auto 20px}.projects-cta{margin-top:30px;padding-top:25px}.projects-github-btn{padding:1rem 1.5rem;font-size:13px}}#contact.section{padding-top:200px}.contact-content{max-width:600px;margin:0 auto;text-align:center;padding-top:0}.contact-content .section-heading{display:block;margin-bottom:30px;color:var(--accent-primary);font-family:var(--font-mono);font-size:16px;font-weight:400;text-align:center}.contact-content .section-heading:before{content:"04.";margin-right:10px}.contact-content .section-heading:after{display:none}.contact-title{font-size:clamp(40px,5vw,60px);margin-bottom:20px;color:var(--text-primary)}.contact-description{margin-bottom:40px;max-width:540px;margin-left:auto;margin-right:auto;font-size:20px;line-height:1.5}.contact-cta{margin-top:40px}.contact-btn{padding:1.25rem 1.75rem;font-size:16px}@media (max-width: 768px){#contact.section{padding-top:150px}.contact-content{padding-top:0}.contact-description{font-size:18px}}@media (max-width: 480px){#contact.section{padding-top:120px}.contact-content{padding-top:0}.contact-description{margin-bottom:30px;font-size:16px}.contact-cta{margin-top:30px}}.footer{display:flex;justify-content:center;align-items:center;flex-direction:column;height:auto;min-height:70px;padding:15px;text-align:center;background-color:var(--bg-primary)}.footer-content p{color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;line-height:1;margin:0}.footer-content p:hover{color:var(--accent-primary)}@media (max-width: 768px){.footer{padding:30px}}.social-links{position:fixed;bottom:0;left:40px;right:auto;z-index:10;color:var(--text-secondary)}.social-links ul{display:flex;flex-direction:column;align-items:center;margin:0;padding:0;list-style:none}.social-links ul:after{content:"";display:block;width:1px;height:90px;margin:0 auto;background-color:var(--text-secondary)}.social-links ul li{margin-bottom:20px}.social-links ul li:last-of-type{margin-bottom:20px}.social-links ul li a{padding:10px;color:var(--text-secondary);transition:var(--transition)}.social-links ul li a:hover,.social-links ul li a:focus{color:var(--accent-primary);transform:translateY(-3px)}.social-links ul li a svg{width:20px;height:20px}@media (max-width: 1080px){.social-links{left:20px;right:auto}}@media (max-width: 768px){.social-links{display:none}}