.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#1e1e1e;color:#fff;padding:1rem 2rem;position:sticky;top:0;z-index:1000}.navbar .navbar-logo{font-size:1.8rem;font-weight:700;letter-spacing:1px}.navbar .navbar-links{display:flex;gap:2rem}.navbar .navbar-links a{color:#fff;text-decoration:none;font-weight:500;font-size:1rem;transition:color .3s ease}.navbar .navbar-links a:hover{color:#00bcd4}.navbar .navbar-links.open{display:flex;flex-direction:column;position:absolute;top:70px;left:0;width:100%;background-color:#1e1e1e;padding:1rem 2rem;gap:1rem}.navbar .navbar-links.open a{font-size:1.1rem}.navbar .hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.navbar .hamburger div{width:25px;height:3px;background-color:#fff;border-radius:2px;transition:all .3s ease}@media screen and (max-width: 1024px){.navbar .navbar-links{gap:1.5rem}}@media screen and (max-width: 768px){.navbar .navbar-links{display:none}.navbar .navbar-links.open,.navbar .hamburger{display:flex}}.home-container{padding:60px 20px;font-family:Poppins,sans-serif;background-color:#fefefe;color:#222}.hero-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:40px 0;gap:40px}.hero-section .left-side{flex:1 1 55%;position:relative;animation:slideInLeft 1s ease-out}.hero-section .left-side h2{font-size:1.8rem;margin-bottom:10px;color:#555}.hero-section .left-side .main-name{font-size:2.6rem;font-weight:700;color:#222;margin-bottom:15px}.hero-section .left-side .typewriter{margin:15px 0}.hero-section .left-side .typewriter .Typewriter__wrapper{font-size:1.5rem;font-weight:600;color:#00bcd4;animation:fadeIn 1s ease-in-out}.hero-section .left-side .hero-description{font-size:1rem;line-height:1.8;margin-bottom:25px;color:#444;opacity:0;animation:fadeInDelay 1.2s forwards}.hero-section .left-side .social-icons{display:flex;gap:20px;margin-top:10px}.hero-section .left-side .social-icons a{display:inline-block;transition:transform .3s ease}.hero-section .left-side .social-icons a:hover{transform:translateY(-5px) scale(1.1)}.hero-section .left-side .social-icons a .social-icon{color:#000;font-size:2.5rem;transition:color .2s}.hero-section .left-side .social-icons a .social-icon:hover{color:#555}.hero-section .right-side{flex:1 1 40%;display:flex;justify-content:center;align-items:center;animation:slideInRight 1s ease-out}.hero-section .right-side .profile-image{width:100%;max-width:350px;height:auto;border-radius:20px;animation:floatImage 4s ease-in-out infinite;box-shadow:0 4px 20px #00000026}@media (max-width: 768px){.hero-section .right-side{display:none}}.about-section{background-color:#f9f9f9;padding:60px 20px}.about-section h2{font-size:2rem;font-weight:700;text-align:center;color:#333;position:relative;display:inline-block;padding-bottom:10px;margin:0 auto 40px}.about-section h2:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:6px;background:linear-gradient(90deg,#ff5f6d,#ffc371,#47cacc,#8e44ad,#3498db);background-size:200% 100%;background-repeat:no-repeat;animation:underlineShift 3s ease-in-out infinite}.about-section .about-content{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;align-items:center}.about-section .about-content .about-left{flex:1 1 60%;font-size:1rem;line-height:1.8;color:#444}.about-section .about-content .about-left p{margin-bottom:20px;opacity:0;animation:fadeInDelay 1.4s forwards}.about-section .about-content .about-right{flex:1 1 35%;display:flex;justify-content:center;align-items:center}.about-section .about-content .about-right .about-image{width:100%;max-width:300px;height:auto;border-radius:20px;box-shadow:0 4px 16px #0000001a;animation:fadeIn 1s ease-in-out}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDelay{0%{opacity:0;transform:translateY(20px)}50%{opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media screen and (max-width: 992px){.hero-section{flex-direction:column-reverse;text-align:center}.hero-section .left-side .social-icons{justify-content:center}.hero-section .right-side{display:none}.about-section .about-content{flex-direction:column}.about-section .about-content .about-left,.about-section .about-content .about-right{flex:1 1 100%;text-align:center}}@media screen and (max-width: 480px){.home-container{padding:40px 15px}.hero-section .main-name{font-size:2rem}.hero-section .typewriter .Typewriter__wrapper{font-size:1.2rem}.about-section h2{font-size:1.6rem}}.about{padding:50px 80px;font-family:Poppins,sans-serif;color:#222;overflow-x:hidden}.about .section{margin-bottom:60px;opacity:0;animation:fadeInUp 1s forwards}.about .section.experience{animation-delay:.2s}.about .section.education{animation-delay:.4s}.about .section.skills{animation-delay:.6s}.about .section .section-title{font-size:2rem;font-weight:700;text-align:center;position:relative;margin-bottom:40px}.about .section .section-title:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);width:80px;height:4px;background:#00bcd4;border-radius:2px}.about .roadmap{position:relative;margin-left:20px}.about .roadmap.single{margin-left:20px}.about .roadmap:before{content:"";position:absolute;top:0;left:15px;bottom:0;width:4px;background:#00bcd4;border-radius:2px}.about .roadmap .roadmap-content .description p{margin:6px 0;line-height:1.6}.about .roadmap .roadmap-item{position:relative;padding:20px 0 20px 40px}.about .roadmap .roadmap-item .roadmap-point{position:absolute;left:7px;top:24px;width:14px;height:14px;background:#fff;border:4px solid #00bcd4;border-radius:50%}.about .roadmap .roadmap-item .roadmap-content h2{font-size:1.2rem;margin-bottom:5px}.about .roadmap .roadmap-item .roadmap-content h2 span{display:block;font-size:1rem;color:#555}.about .roadmap .roadmap-item .roadmap-content .dates{font-size:.9rem;color:#777;margin-bottom:10px}.about .roadmap .roadmap-item .roadmap-content p{font-size:1rem;line-height:1.6;margin-bottom:10px}.about .roadmap .roadmap-item .roadmap-content aside{margin-top:10px}.about .roadmap .roadmap-item .roadmap-content aside img{max-width:120px;border-radius:8px;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.about .roadmap .roadmap-item .roadmap-content aside img:hover{transform:translateY(-3px);box-shadow:0 6px 14px #00000026}.about .image-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.about .image-modal{position:relative;background:#fff;padding:20px;border-radius:8px;max-width:90%;max-height:90%}.about .image-modal img{max-width:100%;max-height:80vh;display:block;margin:auto}.about .image-modal .close-btn{position:absolute;top:8px;right:12px;background:none;border:none;font-size:1.5rem;cursor:pointer}.about .skills-grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:50px;row-gap:30px;margin:0 auto}.about .skills-grid .skill-column{text-align:center}.about .skills-grid .skill-column h3{font-size:1.1rem;margin-bottom:15px;color:#00bcd4}.about .skills-grid .skill-column .skill-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;justify-items:center}.about .skills-grid .skill-column .skill-item{display:flex;flex-direction:column;align-items:center;justify-content:center}.about .skills-grid .skill-column .skill-item .icon-wrapper{width:60px;height:60px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-bottom:10px;transition:transform .3s ease}.about .skills-grid .skill-column .skill-item .icon-wrapper svg{font-size:1.8rem;color:#333}.about .skills-grid .skill-column .skill-item .icon-wrapper:hover{transform:scale(1.1)}.about .skills-grid .skill-column .skill-item span{font-size:.9rem;color:#444;text-align:center}@media (max-width: 1024px){.about{padding:50px 40px}.about .skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.about{padding:50px 20px}.about .skills-grid{grid-template-columns:repeat(1,1fr)}.about .skill-list{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));justify-items:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.projects{padding:2rem;text-align:center}.projects h1{font-size:2.2rem;margin-bottom:.5rem}.projects p{color:#555;margin-bottom:2rem}.projects .project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.projects .project-card{background:#fff;padding:1rem;border-radius:10px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease}.projects .project-card:hover{transform:translateY(-5px)}.projects .project-card img{width:100%;height:200px;object-fit:contain;border-radius:5px;cursor:pointer;background-color:#f8f8f8}.projects .project-card p{margin:1rem 0 .5rem;font-weight:500}.projects .project-card .buttons{margin-top:1rem;display:flex;justify-content:center;gap:10px}.projects .project-card .buttons a{background:#5e17eb;color:#fff;padding:.5rem 1rem;border-radius:5px;text-decoration:none;font-size:.9rem;transition:background .3s ease}.projects .project-card .buttons a:hover{background:#4712c4}.projects .project-card .buttons .cooking-btn{background:#eee;color:#888;padding:.5rem 1rem;border-radius:5px;cursor:not-allowed;border:none}.projects .image-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:5000;padding:1rem}.projects .image-modal{position:relative;display:flex;justify-content:center;align-items:center;max-width:90%;max-height:90%}.projects .image-modal img{width:50vw;height:50vh;object-fit:contain;border-radius:10px}.projects .close-btn{position:absolute;top:-10px;right:-10px;background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;z-index:10000}.projects .close-btn:hover{transform:scale(1.2)}@media screen and (max-width: 768px){.image-modal img{width:90vw;height:auto}.project-card img{height:180px}}.resume{text-align:center;padding:2rem;font-family:Poppins,sans-serif;background-color:#fff}.resume .section-title{font-size:2.4rem;font-weight:700;color:#222;position:relative;margin-bottom:2rem;display:inline-block}.resume .section-title:after{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:5px;background:linear-gradient(90deg,#ff5f6d,#ffc371,#47cacc,#8e44ad,#3498db);background-size:300% 100%;animation:underlineShift 4s infinite ease-in-out;border-radius:2px}.resume .resume-description{max-width:800px;margin:0 auto 2rem;font-size:1.1rem;color:#333}.resume .resume-description p{margin-bottom:1.2rem;line-height:1.6}.resume .resume-description strong{color:#5e17eb}.resume .resume-pdf{width:100%;max-width:900px;height:600px;border:none;margin:2rem auto}.resume .download-btn-wrapper{text-align:center}.resume .download-btn{background-color:#5e17eb;color:#fff;padding:.7rem 1.5rem;text-decoration:none;border-radius:5px;font-size:1rem;display:inline-block;transition:background .3s ease}.resume .download-btn:hover{background-color:#4312b8}@media screen and (max-width: 1024px){.resume .resume-pdf{height:500px}}@media screen and (max-width: 768px){.resume .resume-pdf{height:400px}}@media screen and (max-width: 480px){.resume .resume-pdf{height:300px}}@keyframes underlineShift{0%,to{background-position:0% 0}50%{background-position:100% 0}}.contact{padding:3rem 1rem;text-align:center;background-color:#fefefe;font-family:Poppins,sans-serif}.contact .section-title{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;position:relative;display:inline-block}.contact .section-title:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:4px;background:linear-gradient(90deg,#5e17eb,#00c3ff);border-radius:2px}.contact .sub-text{font-size:1rem;margin:1.5rem 0 2.5rem;color:#666}.contact form{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:0 auto}.contact form input,.contact form textarea{padding:.9rem;border:1px solid #ccc;border-radius:8px;font-size:1rem}.contact form textarea{min-height:150px}.contact form button{padding:.8rem;background:#5e17eb;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .3s}.contact form button:hover{background-color:#4312b8}.contact .status-message{margin-top:1rem;color:#e74c3c;font-weight:500}.contact .popup-message{margin-top:1.5rem;background-color:#d4edda;color:#155724;padding:1rem;border:1px solid #c3e6cb;border-radius:5px;font-weight:600;max-width:300px;margin-left:auto;margin-right:auto}.contact .social-icons{margin-top:3rem;display:flex;justify-content:center;gap:1.2rem}.contact .social-icons a{font-size:2rem;color:#5e17eb;transition:transform .3s,color .3s}.contact .social-icons a:hover{transform:scale(1.1);color:#4312b8}@media screen and (max-width: 600px){.contact form,.contact .popup-message{width:90%}}.footer{background-color:#1f1f1f;color:#fff;padding:1.5rem 2rem;margin-top:3rem;text-align:center;font-family:Poppins,sans-serif}.footer .footer-content{max-width:1200px;margin:auto}.footer .footer-content p{margin:0;font-size:1rem}.footer .footer-content .footer-socials{margin-top:.8rem}.footer .footer-content .footer-socials a{color:#ccc;margin:0 .8rem;font-size:.95rem;text-decoration:none;transition:color .3s ease}.footer .footer-content .footer-socials a:hover{color:#00bcd4}html,body,#root{height:100%;margin:0;padding:0}*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box}