*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Source Serif Pro",serif;background-color:#181818;color:#fff;line-height:1.6;overflow-x:hidden;min-height:100vh;background-image:radial-gradient(circle at 0% 100%,#7878782e 0,#18181800 60%),radial-gradient(circle at 100% 0%,#b4b4b421 0,#18181800 60%),radial-gradient(ellipse 80% 60% at 60% 40%,#b4b4b41a 60%,#18181800 80%),radial-gradient(circle at 20% 30%,rgba(80,80,80,.15) 0,rgba(80,80,80,.15) 15%,transparent 15%),radial-gradient(circle at 85% 70%,rgba(60,60,60,.12) 0,rgba(60,60,60,.12) 12%,transparent 12%),radial-gradient(circle at 40% 80%,rgba(100,100,100,.1) 0,rgba(100,100,100,.1) 18%,transparent 18%),radial-gradient(circle at 75% 20%,rgba(70,70,70,.08) 0,rgba(70,70,70,.08) 10%,transparent 10%),radial-gradient(circle at 10% 60%,rgba(90,90,90,.06) 0,rgba(90,90,90,.06) 8%,transparent 8%),radial-gradient(circle at 90% 40%,rgba(50,50,50,.05) 0,rgba(50,50,50,.05) 6%,transparent 6%);background-repeat:no-repeat;background-size:100% 800vh;background-attachment:scroll}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:700}.section-heading{font-size:3.5rem;margin-bottom:.5rem;color:#fff;font-weight:400}.section-subheading{font-size:1.2rem;color:#ccc;margin-bottom:3rem;font-style:italic}.navbar{position:fixed;top:0;width:100%;background-color:#18181800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;transition:all .3s ease,transform .3s ease;border-bottom:none}.navbar.visible{transform:translateY(0)}.navbar.hidden{transform:translateY(-100%)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand a{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:400;color:#fff;text-decoration:none;transition:color .3s ease}.nav-brand a:hover{color:#ccc}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{color:#ccc;text-decoration:none;font-size:1rem;transition:color .3s ease;text-transform:lowercase}.nav-menu a:hover{color:#fff}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background-color:#fff;margin:3px 0;transition:.3s}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:120px 0 80px}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-left{display:flex;justify-content:center}.profile-image{width:400px;height:400px;border-radius:50%;overflow:hidden;border:4px solid #333333;box-shadow:0 20px 40px #0000004d;opacity:0;transform:translate(-100px);animation:slideInLeft 1.2s ease forwards 4.5s}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.profile-image img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.hero-right{display:flex;flex-direction:column;gap:3rem}.greeting{position:relative;height:8rem}.greeting h1{font-size:4rem;color:#fff;margin-bottom:.5rem;opacity:0;font-weight:400;animation:fadeIn 1s ease forwards .3s;position:absolute;top:0;left:0}.greeting h2{font-size:4.5rem;color:#fff;opacity:1;font-weight:400;position:absolute;top:5rem;left:0}@keyframes fadeIn{to{opacity:1}}.greeting h2 .gradient-text{background:linear-gradient(45deg,gray,#a0a0a0,silver,#e0e0e0,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:400;background-size:200% 100%;background-position:0% 50%}.cursor{animation:blink .8s infinite;color:#fff;font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.greeting h1.typing-complete:after,.greeting h2.typing-complete:after{display:none}.social-icons{display:flex;gap:1.5rem;opacity:0;transform:translate(100px);animation:slideInRight 1.2s ease forwards 4.8s;margin-top:4rem}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}.social-icon{width:80px;height:80px;border-radius:50%;background-color:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.social-icon:hover{background-color:#fff3;transform:translateY(-3px) scale(1.05);border-color:#fff6}.social-icon i{font-size:2rem}.scroll-indicator{display:flex;justify-content:center;opacity:0;animation:fadeIn 1s ease forwards 4.2s;cursor:pointer}.scroll-indicator i{font-size:2rem;color:#ccc;animation:bounce 2s infinite;transition:color .3s ease}.scroll-indicator:hover i{color:#fff}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.about{padding:100px 0;position:relative}.about-content{max-width:1000px}.about-content .subheading{font-size:1.3rem;color:#ccc;margin-bottom:2rem;font-style:italic;font-weight:400}.about-content p{font-size:1.1rem;margin-bottom:1.5rem;color:#e0e0e0;line-height:1.8}.about-content strong{color:#fff;font-weight:600}.about-content em{color:#888;font-style:italic}.about-content .underline{text-decoration:underline;text-decoration-color:#fff;text-decoration-thickness:2px}.experiences{padding:80px 0;position:relative}.experiences-container{position:relative;max-width:800px;margin:0 auto;padding-left:2rem}.experiences-container:before{content:"";position:absolute;left:0;top:3rem;bottom:12rem;width:2px;background-color:#ffffff1a;transform:scaleY(0);transform-origin:top;transition:transform 1s ease}.experiences-container.animate-line:before{transform:scaleY(1)}.experiences-item{position:relative;margin-bottom:.5rem;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.experiences-item:nth-child(odd){animation:none}.experiences-item:nth-child(2n){animation:none}.experiences-icon{position:absolute;left:-5.75rem;top:-.5rem;width:120px;height:120px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:opacity .6s ease,transform .6s ease}.experiences-item.animate-icon .experiences-icon{opacity:1;transform:scale(1)}.experiences-icon img{width:90px;height:90px;object-fit:contain;filter:brightness(0) invert(1)}.experiences-content{padding:2rem 0 2rem 2.5rem;opacity:0;transform:translate(20px);transition:opacity .6s ease,transform .6s ease,all .3s ease}.experiences-item.animate-content .experiences-content{opacity:1;transform:translate(0)}.experiences-item:hover .experiences-content{transform:translate(0)}.experiences-item:hover .experiences-icon{transform:scale(1)}.experiences-content h3{font-size:1.4rem;color:#fff;margin-bottom:.5rem;font-weight:400}.experiences-location{color:#9a9a9a;font-weight:300;margin-left:.4rem}.experience-skill{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;color:#fff;font-weight:400}.experiences-date{font-size:1rem;color:#888;margin-bottom:1rem;font-style:italic}.experiences-content ul{list-style:none}.experiences-content li{margin-bottom:.5rem;color:#e0e0e0;line-height:1.6;position:relative;padding-left:1.5rem}.experiences-content li:before{content:"•";position:absolute;left:0;color:#888;font-weight:700}.projects{padding:80px 0;position:relative}.projects-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:3rem}.projects-list{display:flex;flex-direction:column;gap:1rem;margin-top:3rem}.project-item{display:flex;align-items:flex-start;gap:2rem;padding:1rem 0;transition:all .3s ease;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.project-item:hover{transform:translateY(-5px)}.project-item.animate-in{opacity:1;transform:translateY(0)}.project-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.project-icon i{font-size:2rem;color:#fff}.project-content{flex:1}.project-content h3{font-size:1.4rem;margin-bottom:.5rem;color:#fff;font-weight:400}.project-role{display:none}.project-tech{color:#888;font-size:1rem;margin-bottom:.5rem;font-style:italic}.project-description{color:#e0e0e0;margin-bottom:1rem;line-height:1.6;font-size:1rem}.project-content ul{list-style:none;padding:0;margin:0}.project-content li{margin-bottom:.5rem;color:#ccc;position:relative;padding-left:1.5rem;font-size:.95rem;line-height:1.5}.project-content li:before{content:"▸";position:absolute;left:0;color:#888;font-weight:700}.project-title-link{color:#fff;text-decoration:none;transition:color .3s ease}.project-title-link:hover{color:#ccc;text-decoration:underline}.projects-toggle{display:flex;justify-content:center;margin-top:3rem;opacity:0;animation:fadeIn .8s ease forwards 1s}.show-more-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:1rem;font-weight:400;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:"Source Serif Pro",serif}.show-more-btn:hover{background-color:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.show-more-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.show-more-btn i{font-size:.9rem;transition:transform .3s ease}.show-more-btn:hover i{transform:translateY(2px)}.footer{padding:60px 0 40px;background-color:#000c;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.footer-left h3{font-size:1.2rem;margin-bottom:1rem;color:#fff;font-weight:400}.footer-socials{display:flex;gap:1rem}.footer-social-icon{color:#666;text-decoration:none;transition:color .3s ease;font-size:1rem}.footer-social-icon:hover{color:#fff}.footer-right p{color:#888;font-size:.9rem}@media (max-width: 768px){.container{padding:0 1rem}.navbar{padding:.8rem 0}.nav-menu{position:fixed;left:-100%;top:60px;flex-direction:column;background-color:#181818fa;width:100%;text-align:center;transition:.3s;padding:2rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-menu.active{left:0}.hamburger{display:flex}.hamburger span{width:22px;height:2px;margin:2.5px 0}.hero{padding:100px 0 60px}.hero-content{grid-template-columns:1fr;gap:.5rem;text-align:center}.profile-image{width:300px;height:300px;margin-bottom:.5rem}.greeting{height:5.5rem;margin-bottom:.25rem}.greeting h1{font-size:2.5rem;top:0}.greeting h2{font-size:2.5rem;top:3rem}.section-heading{font-size:2.5rem}.experiences-container{padding-left:2rem;position:relative}.experiences-container:before{left:44px;top:1.5rem;bottom:12rem;width:2px}.experiences-icon{left:-2rem;width:90px;height:90px;top:-.5rem;display:flex;align-items:center;justify-content:center}.experiences-icon img{width:70px;height:70px}.experiences-content{padding:1.25rem 0 1.5rem 3.5rem;position:relative;left:0}.experiences-content h3{font-size:1.1rem;margin-bottom:.25rem}.experiences-date{font-size:.85rem;margin-bottom:.5rem}.experiences-content li{font-size:.9rem;margin-bottom:.35rem;padding-left:1.25rem}.projects-grid{gap:1.5rem}.projects-list{gap:3rem}.project-item{flex-direction:row;align-items:flex-start;text-align:left;padding:.25rem 0;gap:1rem;margin-bottom:2rem}.project-content h3{font-size:1.2rem;margin-bottom:.2rem}.project-tech{font-size:.9rem;margin-bottom:.2rem}.project-description{font-size:.9rem;margin-bottom:.5rem}.project-content li{font-size:.85rem}.project-icon{width:70px;height:70px}.project-icon i{font-size:1.8rem}.project-title-link{color:#fff;text-decoration:none;transition:color .3s ease}.project-title-link:hover{color:#ccc;text-decoration:underline}body{background-color:#2a2a2a;background-attachment:fixed;background-size:cover;background-image:radial-gradient(circle at 0% 100%,#78787838 0,#18181800 60%),radial-gradient(circle at 100% 0%,#b4b4b42e 0,#18181800 60%),radial-gradient(circle at 20% 30%,rgba(80,80,80,.2) 0,rgba(80,80,80,.2) 20%,transparent 20%),radial-gradient(circle at 85% 70%,rgba(60,60,60,.16) 0,rgba(60,60,60,.16) 16%,transparent 16%),radial-gradient(circle at 40% 80%,rgba(100,100,100,.15) 0,rgba(100,100,100,.15) 22%,transparent 22%),radial-gradient(circle at 75% 20%,rgba(70,70,70,.12) 0,rgba(70,70,70,.12) 14%,transparent 14%),radial-gradient(circle at 10% 60%,rgba(90,90,90,.1) 0,rgba(90,90,90,.1) 12%,transparent 12%),radial-gradient(circle at 90% 40%,rgba(50,50,50,.08) 0,rgba(50,50,50,.08) 10%,transparent 10%)}.social-icons{margin-top:0;gap:2rem}.social-icon{width:65px;height:65px}.social-icon i{font-size:2.2rem}}@media (max-width: 480px){.hero{padding:80px 0 40px}.experiences,.projects{padding:60px 0}.greeting{height:5.5rem;margin-bottom:.25rem}.greeting h1,.greeting h2{font-size:2.5rem}.section-heading{font-size:2rem}.profile-image{width:250px;height:250px;margin-bottom:.5rem}.hero-content{gap:.25rem}.social-icons{margin-top:0;gap:2rem}.social-icon{width:65px;height:65px}.social-icon i{font-size:2.2rem}.projects-grid{gap:1.5rem}.projects-list{gap:.25rem}.project-item{padding:.25rem}.project-icon{width:50px;height:50px;margin-bottom:1rem}.project-icon i{font-size:1.3rem}.project-title-link{color:#fff;text-decoration:none;transition:color .3s ease}.project-title-link:hover{color:#ccc;text-decoration:underline}.experiences-container{padding-left:2rem}.experiences-container:before{left:39px;top:1.5rem;bottom:12rem}.experiences-icon{left:-2rem;width:80px;height:80px;top:-.5rem}.experiences-icon img{width:60px;height:60px}.experiences-content{padding:1rem 0 1.25rem 3.25rem;left:0}.experiences-content h3{font-size:1rem}.experiences-date{font-size:.8rem;margin-bottom:.5rem}.experiences-content li{font-size:.85rem;margin-bottom:.35rem;padding-left:1rem}body{background-image:radial-gradient(circle at 0% 100%,#7878781f 0,#18181800 30%),radial-gradient(circle at 100% 0%,#b4b4b414 0,#18181800 30%),radial-gradient(ellipse 50% 30% at 60% 40%,#b4b4b40f 60%,#18181800 80%),radial-gradient(circle at 20% 30%,rgba(80,80,80,.08) 0,rgba(80,80,80,.08) 8%,transparent 8%),radial-gradient(circle at 85% 70%,rgba(60,60,60,.06) 0,rgba(60,60,60,.06) 6%,transparent 6%),radial-gradient(circle at 40% 80%,rgba(100,100,100,.05) 0,rgba(100,100,100,.05) 10%,transparent 10%),radial-gradient(circle at 75% 20%,rgba(70,70,70,.04) 0,rgba(70,70,70,.04) 5%,transparent 5%),radial-gradient(circle at 10% 60%,rgba(90,90,90,.03) 0,rgba(90,90,90,.03) 4%,transparent 4%),radial-gradient(circle at 90% 40%,rgba(50,50,50,.02) 0,rgba(50,50,50,.02) 3%,transparent 3%)}}.about,.experiences,.projects{padding:60px 0}