:root{--bg-primary:#0a0a0f;--bg-secondary:#14141e99;--text-main:#e2e8f0;--text-muted:#8892b0;--accent-primary:#64ffda;--accent-secondary:#bd34fe;--nav-bg:#0a0a0fd9;--font-sans:"Outfit", sans-serif;--font-mono:"Space Grotesk", monospace;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000004d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);line-height:1.6;transition:background-color 1s ease-in-out,caret-color 1s ease-in-out;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;opacity:0;pointer-events:none;background-size:400% 400%;transition:opacity 1.2s,background 1.2s;animation:12s infinite gradientShift;position:fixed;inset:0}body.section-hero:before{opacity:1;background:linear-gradient(-45deg,#0a0a0f,#0d1b2a,#16213e,#0f3460)}body.section-experience:before{opacity:1;--accent-primary:#c77dff;--accent-secondary:#38ef7d;--bg-secondary:#2d1b698c;--glass-border:#c77dff33;--glass-shadow:0 10px 40px -10px #c77dff40;--text-muted:#c4b5fd;background:linear-gradient(-45deg,#1a0533,#2d1b69,#11998e,#0f0c29)}body.section-projects:before{opacity:1;--accent-primary:#43e97b;--accent-secondary:#38f9d7;--bg-secondary:#203a438c;--glass-border:#43e97b33;--glass-shadow:0 10px 40px -10px #43e97b33;--text-muted:#a8e6cf;background:linear-gradient(-45deg,#0f2027,#203a43,#2c5364,#0f2027)}body.section-skills:before{opacity:1;--accent-primary:#00d4ff;--accent-secondary:#7b2ff7;--bg-secondary:#09097980;--glass-border:#00d4ff33;--glass-shadow:0 10px 40px -10px #00d4ff33;--text-muted:#93c5fd;background:linear-gradient(-45deg,#0d0221,#090979,#00d4ff,#0d0221)}body.section-contact:before{opacity:1;--accent-primary:#e94560;--accent-secondary:#f5a623;--bg-secondary:#e9456026;--glass-border:#e9456040;--glass-shadow:0 10px 40px -10px #e9456040;--text-muted:#f9a8d4;background:linear-gradient(-45deg,#0a0a0f,#1a1a2e,#e94560,#0a0a0f)}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}::selection{color:var(--text-main);background-color:#64ffda4d}.blob{filter:blur(100px);z-index:-1;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.blob-1{background:var(--accent-secondary);opacity:.2;width:400px;height:400px;top:-100px;left:-100px}.blob-2{background:var(--accent-primary);opacity:.15;width:500px;height:500px;animation-delay:-5s;top:40%;right:-200px}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,100px)scale(1.2)}to{transform:translate(-50px,-50px)scale(.9)}}.glass-nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:100;width:100%;padding:1.2rem 0;transition:all .3s;position:fixed;top:0}.nav-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.logo{font-family:var(--font-mono);color:var(--text-main);letter-spacing:1px;font-size:1.5rem;font-weight:700;text-decoration:none}.logo .dot{color:var(--accent-primary)}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-main);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--accent-primary)}.glass-card{background:var(--bg-secondary);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:2rem;transition:transform .3s,border-color .3s}main{max-width:1000px;margin:0 auto;padding:0 2rem}section{flex-direction:column;justify-content:center;min-height:100vh;padding:100px 0;display:flex}.section-title{align-items:center;margin-bottom:3rem;font-size:2rem;font-weight:700;display:flex}.section-title:after{content:"";background:var(--glass-border);width:300px;height:1px;margin-left:20px;display:block}.monospaced{font-family:var(--font-mono);color:var(--accent-primary);margin-right:10px;font-size:1.2rem;font-weight:400}.btn{font-family:var(--font-mono);cursor:pointer;border-radius:8px;padding:.8rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn.primary{color:var(--accent-primary);border:1px solid var(--accent-primary);background:0 0}.btn.primary:hover{background:#64ffda1a;box-shadow:0 0 15px #64ffda33}.btn.secondary{color:var(--text-main);background:#ffffff0d;border:1px solid #0000}.btn.secondary:hover{background:#ffffff1a}.btn.large{padding:1.2rem 2.5rem;font-size:1.1rem}.hero-section{align-items:flex-start}.greeting{font-family:var(--font-mono);color:var(--accent-primary);margin-bottom:1rem}.name{color:#ccd6f6;font-size:4.5rem;font-weight:800;line-height:1.1}.title{color:var(--text-muted);min-height:3.5rem;margin-top:.5rem;margin-bottom:1.5rem;font-size:3rem;font-weight:700}.highlight{color:var(--accent-secondary);background:linear-gradient(90deg, var(--accent-secondary), var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cursor{color:var(--accent-primary);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.summary{max-width:600px;color:var(--text-muted);margin-bottom:3rem;font-size:1.1rem}.hero-cta{gap:1.5rem;display:flex}.split-layout{grid-template-columns:1fr 2fr;align-items:start;gap:3rem;display:grid}@media (width<=768px){.split-layout{grid-template-columns:1fr;gap:1.5rem}}.timeline{border-left:2px solid var(--glass-border);width:100%;margin-left:20px;position:relative}.timeline-item{margin-bottom:3rem;margin-left:30px;position:relative}.timeline-item:before{content:"";background:var(--accent-primary);width:20px;height:2px;position:absolute;top:30px;left:-40px}.timeline-dot{background:var(--bg-primary);border:2px solid var(--accent-primary);z-index:2;border-radius:50%;width:14px;height:14px;position:absolute;top:25px;left:-42px;box-shadow:0 0 10px #64ffda66}.timeline-content h3{color:var(--text-main);margin-bottom:.2rem;font-size:1.4rem}.timeline-content h4{color:var(--text-muted);margin-bottom:.5rem;font-size:1.1rem;font-weight:400}.timeline-content .date{font-family:var(--font-mono);color:var(--accent-primary);margin-bottom:1.5rem;font-size:.9rem}.timeline-content ul{list-style:none}.timeline-content ul li{color:var(--text-muted);margin-bottom:10px;padding-left:20px;position:relative}.timeline-content ul li:before{content:"▹";color:var(--accent-primary);position:absolute;left:0}.project-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.project-card{flex-direction:column;justify-content:space-between;display:flex}.project-card--featured{grid-column:1/-1;padding:0;overflow:hidden}.project-body{padding:1.8rem 2rem 2rem}.slider{aspect-ratio:16/7;background:#000;border-radius:16px 16px 0 0;width:100%;position:relative;overflow:hidden}.slide{opacity:0;pointer-events:none;transition:opacity .8s ease-in-out;position:absolute;inset:0}.slide.active{opacity:1;pointer-events:auto}.slide img{object-fit:cover;width:100%;height:100%;animation:8s ease-in-out infinite alternate kenBurns;display:block}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.06)}}.slider-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;z-index:10;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:background .25s,transform .25s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-btn:hover{background:#64ffda66;transform:translateY(-50%)scale(1.12)}.slider-btn--prev{left:12px}.slider-btn--next{right:12px}.slider-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.slider-dots .dot{cursor:pointer;background:#fff6;border-radius:50%;width:8px;height:8px;transition:background .3s,transform .3s}.slider-dots .dot.active{background:var(--accent-primary);transform:scale(1.4)}.project-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.project-title{color:#ccd6f6;margin-bottom:1rem;font-size:1.4rem;transition:color .3s}.project-card:hover .project-title{color:var(--accent-primary)}.project-desc{color:var(--text-muted);flex-grow:1;font-size:.95rem}.project-tech{font-family:var(--font-mono);color:var(--accent-secondary);flex-wrap:wrap;gap:1rem;margin-top:2rem;font-size:.8rem;list-style:none;display:flex}.skills-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.skill-category h3{color:var(--text-main);margin-bottom:1.5rem;font-size:1.2rem}.skill-list{list-style:none}.skill-list li{color:var(--text-muted);align-items:center;margin-bottom:.8rem;display:flex}.skill-list li:before{content:"⚡";opacity:.7;margin-right:10px;font-size:.8rem}.contact-section{text-align:center;max-width:600px;margin:0 auto}.contact-title{justify-content:center}.contact-title:after{display:none}.contact-heading{color:#ccd6f6;margin-bottom:1.5rem;font-size:3rem}.contact-desc{color:var(--text-muted);margin-bottom:2rem}.contact-info{font-family:var(--font-mono);color:var(--accent-primary);margin-bottom:3rem}.contact-info p{margin-bottom:.5rem}.footer{text-align:center;font-family:var(--font-mono);color:var(--text-muted);padding:2rem;font-size:.9rem}#lightbox{z-index:9999;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#lightbox.active{display:flex}.lightbox-overlay{-webkit-backdrop-filter:blur(8px);background:#000000e0;position:absolute;inset:0}.lightbox-content{z-index:1;justify-content:center;align-items:center;max-width:92vw;max-height:92vh;animation:.25s lightboxFadeIn;display:flex;position:relative}@keyframes lightboxFadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.lightbox-img{object-fit:contain;border-radius:12px;width:auto;max-width:90vw;height:auto;max-height:88vh;display:block;box-shadow:0 24px 64px #0009}.lightbox-close{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.4rem;line-height:1;transition:background .2s,transform .2s;display:flex;position:absolute;top:-44px;right:0}.lightbox-close:hover{background:#64ffda40;transform:scale(1.15)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.hidden-element{opacity:0;transition:opacity .8s cubic-bezier(.175,.885,.32,1.275),transform .8s cubic-bezier(.175,.885,.32,1.275);transform:perspective(1000px)rotateX(5deg)translateY(40px)scale(.95)}.show-element{opacity:1;transform:perspective(1000px)rotateX(0)translateY(0)scale(1)}.timeline-item.hidden-element:first-child{transition-delay:.1s}.timeline-item.hidden-element:nth-child(2){transition-delay:.3s}.project-card.hidden-element:first-child{transition-delay:.1s}.project-card.hidden-element:nth-child(2){transition-delay:.3s}.skill-category.hidden-element:first-child{transition-delay:.1s}.skill-category.hidden-element:nth-child(2){transition-delay:.2s}.skill-category.hidden-element:nth-child(3){transition-delay:.3s}.skill-category.hidden-element:nth-child(4){transition-delay:.4s}.glass-card:hover{border-color:#64ffda66;transform:translateY(-8px)scale(1.02)}.hamburger{cursor:pointer;z-index:1000;background:0 0;border:none;display:none}.hamburger .bar{background-color:var(--text-main);border-radius:2px;width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;display:block}img{max-width:100%;height:auto}@media (width<=1024px){.name{font-size:3.5rem}.title{font-size:2.5rem}section{padding:80px 0}}@media (width<=768px){.hamburger{display:block}.nav-links{background:var(--nav-bg);text-align:center;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);width:90%;box-shadow:var(--glass-shadow);flex-direction:column;gap:0;padding:20px 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:76px;left:-100%}.nav-links.active{left:0}.nav-links li{margin:16px 0}.nav-links a{width:100%;font-size:1.1rem;display:block}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{transform:translateY(8px)rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.name{font-size:2.8rem}.title{font-size:1.8rem}.summary{margin-bottom:2rem;font-size:1rem}.section-title:after{width:80px}.split-layout{grid-template-columns:1fr;gap:2rem}section{padding:70px 0}.hero-section{padding-top:140px}.timeline{margin-left:20px}}@media (width<=480px){.name{font-size:2.2rem}.title{min-height:4rem;font-size:1.4rem}.hero-cta{flex-direction:column;gap:1rem;width:100%}.btn{text-align:center;width:100%}.section-title{font-size:1.5rem}.glass-card{padding:1.5rem}.project-body{padding:1.2rem}.project-title{font-size:1.2rem}.slider{aspect-ratio:4/3}.contact-heading{font-size:2.2rem}}