@import"https://fonts.googleapis.com/css?family=Lato:900";:root{--primary-color: #2ecc71;--secondary-color: #27ae60;--dark-color: #2c3e50;--light-color: #ecf0f1}::-webkit-scrollbar{display:none}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}html{height:100%;scroll-behavior:smooth}body{background:var(--dark-color);color:var(--light-color);line-height:1.6;overflow-x:hidden;scroll-snap-type:y mandatory;overflow-y:scroll;height:100%;scrollbar-width:none}section{padding:5rem 0;scroll-snap-align:start}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.nav{position:fixed;top:0;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.footer{display:flex;justify-content:center;align-items:end;width:100%;padding:none!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}#footer{padding:1rem 0}.nav-content{display:flex;justify-content:space-between;align-items:center;height:70px}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--light-color);text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--primary-color)}.canvas{position:fixed;top:0;left:0;display:block;width:100%;height:100%;z-index:-1}.hero{height:100vh;display:flex;align-items:center;text-align:center;background-size:cover;background-position:center;background-attachment:fixed;position:relative;overflow:hidden}.shooting-star{position:absolute;top:5%;left:-10%;width:6px;height:6px;background:#fff;border-radius:50%;opacity:0;pointer-events:none;z-index:2;rotate:10deg}.shooting-star:after{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);width:120px;height:2px;background:linear-gradient(to left,#fffc,#fff0);border-radius:2px}.hero.in-view .shooting-star{animation:shootingStarPath 1.8s linear .3s forwards,shootingStarGlow 1.8s ease .3s forwards}.hero:not(.in-view) .shooting-star{opacity:0;animation:none}@keyframes shootingStarPath{0%{top:5%;left:-10%}50%{top:40%;left:50%}to{top:80%;left:115%}}@keyframes shootingStarGlow{0%{opacity:0;rotate:10deg;box-shadow:0 0 4px 1px #fff3,0 0 8px 2px #ffffff1a}10%{opacity:.3;rotate:15deg}20%{opacity:.7;rotate:18deg;box-shadow:0 0 12px 4px #ffffff80,0 0 30px 8px #ffffff4d}30%{opacity:1;rotate:22deg;box-shadow:0 0 20px 8px #ffffffe6,0 0 50px 16px #fff6,0 0 80px 24px #c8dcff33}55%{opacity:1;rotate:36deg;box-shadow:0 0 20px 8px #ffffffe6,0 0 50px 16px #fff6,0 0 80px 24px #c8dcff33}75%{opacity:.3;rotate:48deg;box-shadow:0 0 8px 3px #ffffff4d,0 0 16px 4px #ffffff1a}to{opacity:0;rotate:55deg;box-shadow:0 0 2px 1px #fff0,0 0 4px 2px #fff0}}.hero p{font-size:1.5rem;margin-bottom:2rem;opacity:0;transform:translateY(30px);transition:transform .8s cubic-bezier(.25,.46,.45,.94),opacity .8s cubic-bezier(.25,.46,.45,.94)}.hero.in-view p{opacity:1;transform:translateY(0)}.hero h1{font-size:4rem;margin-bottom:1rem;color:#2ecc71;opacity:0;transform:translateY(-80vh)}.hero.in-view h1{animation:marbleDrop 2s ease-out .6s forwards}.hero.in-view p{transform-origin:left center;animation:knockRecover 1.2s cubic-bezier(.25,.46,.45,.94) 1s both}.hero .social-links{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.hero .social-links a{opacity:0;transform:translate(-80px)}.hero.in-view .social-links a{animation:duckWaddle 1.4s ease forwards}.hero.in-view .social-links a:nth-child(1){animation-delay:2s}.hero.in-view .social-links a:nth-child(2){animation-delay:2.3s}.hero.in-view .social-links a:nth-child(3){animation-delay:2.6s}.hero:not(.in-view) h1,.hero:not(.in-view) p,.hero:not(.in-view) .social-links a{opacity:0;transform:translateY(0);transition:opacity .6s ease,transform .6s ease;animation:none}@keyframes marbleDrop{0%{transform:translateY(-80vh);opacity:0}4%{opacity:1}20%{transform:translateY(0)}32%{transform:translateY(-50px)}44%{transform:translateY(0)}53%{transform:translateY(-28px)}62%{transform:translateY(0)}69%{transform:translateY(-14px)}76%{transform:translateY(0)}82%{transform:translateY(-6px)}88%{transform:translateY(0)}93%{transform:translateY(-2px)}to{transform:translateY(0);opacity:1}}@keyframes knockRecover{0%{transform:translate(0) rotate(0)}15%{transform:translate(4px,12px) rotate(8deg)}30%{transform:translate(6px,20px) rotate(14deg)}45%{transform:translate(-2px,-4px) rotate(-3deg)}58%{transform:translate(1px,5px) rotate(4deg)}70%{transform:translate(-1px,-2px) rotate(-1.5deg)}82%{transform:translateY(1px) rotate(.5deg)}to{transform:translate(0) rotate(0)}}@keyframes duckWaddle{0%{transform:translate(-80px) translateY(0) rotate(0);opacity:0}8%{transform:translate(-65px) translateY(-8px) rotate(12deg);opacity:.5}16%{transform:translate(-52px) translateY(0) rotate(-10deg);opacity:.7}24%{transform:translate(-40px) translateY(-6px) rotate(9deg);opacity:.8}32%{transform:translate(-30px) translateY(0) rotate(-8deg);opacity:.85}40%{transform:translate(-21px) translateY(-5px) rotate(7deg);opacity:.9}48%{transform:translate(-14px) translateY(0) rotate(-5deg);opacity:.93}56%{transform:translate(-8px) translateY(-3px) rotate(4deg);opacity:.96}64%{transform:translate(-4px) translateY(0) rotate(-3deg);opacity:.98}72%{transform:translate(-2px) translateY(-2px) rotate(2deg);opacity:1}80%{transform:translate(-1px) translateY(0) rotate(-1deg);opacity:1}90%{transform:translate(0) translateY(-1px) rotate(.5deg);opacity:1}to{transform:translate(0) translateY(0) rotate(0);opacity:1}}.social-links-2{display:flex;justify-content:space-between;gap:1.5rem}.social-links-2 a{font-size:1.5rem;color:var(--light-color);transition:color .3s}.social-links-2 a:hover{color:var(--primary-color)}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.social-links a{font-size:1.5rem;color:var(--light-color);transition:color .3s}.social-links a:hover{color:var(--primary-color)}.section-title{text-align:center;margin-bottom:3rem}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.about-image{width:100%;border-radius:10px;box-shadow:0 10px 30px #0000004d;transform:translate(-60px);opacity:0;transition:transform .7s ease,opacity .7s ease}.about-text{transform:translate(60px);opacity:0;transition:transform .7s ease,opacity .7s ease;transition-delay:.1s}.about-cta{display:inline-block;transform:translateY(30px);opacity:0;transition:transform .7s ease,opacity .7s ease;transition-delay:.25s}.about.in-view .about-image,.about.in-view .about-text{transform:translate(0);opacity:1}.about.in-view .about-cta{transform:translateY(0);opacity:1}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.skill-card{background:#ffffff1a;padding:2rem;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:transform .6s ease,opacity .6s ease}.skill-card:nth-child(1),.skill-card:nth-child(2),.skill-card:nth-child(5),.skill-card:nth-child(6){transform:translate(-60px)}.skill-card:nth-child(3),.skill-card:nth-child(4),.skill-card:nth-child(7),.skill-card:nth-child(8){transform:translate(60px)}.skill-card:nth-child(1){transition-delay:0ms}.skill-card:nth-child(2){transition-delay:60ms}.skill-card:nth-child(3){transition-delay:.12s}.skill-card:nth-child(4){transition-delay:.18s}.skill-card:nth-child(5){transition-delay:.24s}.skill-card:nth-child(6){transition-delay:.3s}.skill-card:nth-child(7){transition-delay:.36s}.skill-card:nth-child(8){transition-delay:.42s}.skill-card h3{color:#00bfff}.skills.in-view .skill-card{transform:translate(0);opacity:1}.skills.in-view .skill-card:hover{transform:translateY(-10px)}.experience-container{display:flex;flex-direction:column;gap:0;transition:gap .6s ease}.experience-card{background:#ffffff1a;padding:2rem;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .6s ease,opacity .6s ease,filter .6s ease,margin-top .6s ease;margin-top:-80px}.experience-card:first-child{margin-top:0}.experience-card:nth-child(1){z-index:4}.experience-card:nth-child(2){z-index:3;opacity:.8;filter:blur(1px)}.experience-card:nth-child(3){z-index:2;opacity:.6;filter:blur(2px)}.experience-card:nth-child(4){z-index:1;opacity:.4;filter:blur(3px)}.experience.in-view .experience-container{gap:2rem}.experience.in-view .experience-card{margin-top:0;opacity:1;filter:blur(0)}.experience-card h3{color:#00bfff}.experience-card h4{color:#2ecc71}.experience.in-view .experience-card:hover{transform:translateY(-10px)}.card-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5vw;list-style:none;padding:0;margin:2rem 0 0;width:100%}.card-stack li{list-style:none;padding:5% 4%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;display:flex;gap:4%;align-items:center;box-shadow:0 0 12px #0000003d;cursor:pointer;transition:transform .6s ease,opacity .6s ease,filter .6s ease,box-shadow .3s ease;transition-delay:calc(var(--i) * 50ms)}.card-stack li:nth-child(1){z-index:7;transform:translateY(0)}.card-stack li:nth-child(2){z-index:6;transform:translate(-105%,30px);opacity:.85;filter:blur(.5px)}.card-stack li:nth-child(3){z-index:5;transform:translateY(-105%);opacity:.7;filter:blur(1.5px)}.card-stack li:nth-child(4){z-index:4;transform:translate(-105%,-75%);opacity:.55;filter:blur(2.5px)}.card-stack li:nth-child(5){z-index:3;transform:translateY(-210%);opacity:.4;filter:blur(3px)}.card-stack li:nth-child(6){z-index:2;transform:translate(-105%,-180%);opacity:.3;filter:blur(3.5px)}.card-stack li:nth-child(7){z-index:1;transform:translateY(-315%);opacity:.2;filter:blur(4px)}.card-stack.in-view li{opacity:1;filter:blur(0);transform:translate(0);z-index:auto}.card-stack.in-view li:hover{transform:translateY(-6px);box-shadow:0 8px 24px #0006}.card-stack li img{width:25%;aspect-ratio:1;object-fit:cover;border-radius:10px;flex-shrink:0}.card-stack li .content{flex:1;min-width:0}.card-stack li .content h3{font-weight:600;margin-bottom:.4em;line-height:1.2;color:var(--light-color);font-size:clamp(1rem,1.4vw,1.4rem)}.card-stack li .content .project-desc{font-size:clamp(.7rem,1vw,.85rem);color:var(--light-color);opacity:.6;line-height:1.4;margin-bottom:6px}.card-stack li .content .project-tech-stack{color:#00bfff;font-size:clamp(.7rem,1vw,.9rem);margin-bottom:.6em;line-height:1.4;opacity:.7}.card-stack li .content .project-demo-creds{font-size:clamp(.6rem,.85vw,.8rem);color:var(--primary-color);opacity:.8;margin-bottom:10px;font-family:monospace}.card-stack li .content .social-links-2{gap:.8em}.card-stack li .content .social-links-2 a{font-size:clamp(1rem,1.2vw,1.4rem)}@media (max-width: 520px){.card-stack{grid-template-columns:1fr;gap:12px}.card-stack li:nth-child(1){transform:translateY(0)}.card-stack li:nth-child(n+2){transform:translateY(calc((var(--i) - 1) * -90%));opacity:calc(1 - (var(--i) * .12));filter:blur(calc(var(--i) * .5px))}.card-stack.in-view li{transform:translateY(0)}.card-stack li img{width:30%}}.contact .container{transform:translateY(50px);opacity:0;transition:transform .7s ease,opacity .7s ease}.contact.in-view .container{transform:translateY(0);opacity:1}.contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem}.contact .container .section-body{display:flex;flex-direction:column;align-items:center}.contact .container .section-body h4 a{color:#00bfff;text-decoration:none}input,textarea{width:100%;padding:1rem;background:#ffffff1a;border:none;border-radius:5px;color:var(--light-color)}button{background:var(--primary-color);color:#fff;padding:1rem 2rem;border:none;border-radius:5px;cursor:pointer;transition:background .3s}button:hover{background:var(--secondary-color)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about-content{grid-template-columns:1fr}.hero h1{font-size:3rem}.nav-links{display:none}}