@import"https://fonts.googleapis.com/css2?family=Playwrite+PL:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lilita+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Mozilla+Headline:wght@200..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Oleo+Script:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Smooch+Sans:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";@import"https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Pacifico&display=swap";@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bungee&display=swap";@import"https://fonts.googleapis.com/css2?family=Libertinus+Serif:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap";html,body,#root{margin:0;padding:0;height:100%;background-color:#000}.navbar{background-color:#000;color:#fff;position:fixed;top:0;width:100%;z-index:50}.navbar-container{max-width:1200px;margin:auto;padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.navbar-logo{font-size:24px;font-weight:700;cursor:pointer;font-family:Jost,sans-serif}.navbar-menu{display:flex;list-style:none;gap:20px}.navbar-menu li a{color:#fff;text-decoration:none;font-size:16px;transition:color .3s ease}.navbar-menu li a:hover{color:#0ff}.menu-toggle{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;display:none}.home-section{background:linear-gradient(to right,#000,#000);height:100vh;display:flex;align-items:center;justify-content:center;padding:0 20px}.home-section{background:linear-gradient(to right,#000,#000);height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 10%;box-sizing:border-box}.home-text{flex:1}.home-image{flex:1;display:flex;justify-content:center}.home-container{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap}.home-text{flex:1;width:300px;font-family:Jost,sans-serif}.home-name{font-size:40px;font-weight:700;color:#00bcd4}.home-intro{font-size:16px;margin:15px 0;color:#fff}.home-role{font-size:22px;background:linear-gradient(to right,#0ff,#f0f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-family:"Libertinus Serif",serif}.home-buttons a{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;margin:5px;background:#fff;border-radius:50%;color:#00bcd4;font-size:20px;transition:all .3s ease;box-shadow:0 4px 15px #00bcd433}.home-buttons a:hover{background:#00bcd4;color:#fff}.resume-btn{display:inline-block;margin-top:20px;padding:10px 20px;background:#e91e63;color:#fff;border-radius:5px;text-decoration:none;transition:background .3s}.resume-btn:hover{background:#c2185b}.home-image{flex:1;text-align:center}.home-image img{width:280px;height:280px;object-fit:cover;border-radius:50%;border:5px solid #00bcd4;box-shadow:0 4px 15px #00bcd466}.about-section{background:#000;color:#fff;padding:150px 20px 90px}.about-container{display:flex;align-items:center;justify-content:center;gap:50px;max-width:1100px;margin:auto}.about-image img{width:280px;height:280px;border-radius:20px;object-fit:cover;box-shadow:0 0 15px #0ff}.about-content{flex:1}.about-content h2{font-size:32px;color:#0ff;margin-bottom:20px}.about-content h3{margin-top:20px;margin-bottom:10px;color:#838aee}.about-content p{font-size:16px;line-height:1.6;margin-bottom:20px}.about-details{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px;margin-bottom:20px}.about-details strong{color:#0ff}.education{background:#111;padding:10px;border-radius:6px;margin-bottom:20px}.about-btn{display:inline-block;padding:10px 20px;background:#0ff;color:#000;font-weight:700;border-radius:5px;text-decoration:none;transition:.3s;cursor:pointer}.about-btn:hover{background:#f0f;color:#fff}.experience-section{background-color:#000;padding:80px 20px 300px}.experience-title{font-size:32px;font-weight:700;color:#00bcd4;text-align:center;margin-bottom:40px}.experience-container{position:relative;max-width:800px;margin:auto}.experience-card{display:flex;align-items:flex-start;position:relative;background:#111;border-left:4px solid #00bcd4;padding:20px 20px 20px 30px;border-radius:8px;box-shadow:0 4px 15px #00bcd433;opacity:0;transform:translateY(30px);animation:fadeUp 1s ease forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.experience-dot{width:14px;height:14px;background:#00bcd4;border-radius:50%;position:absolute;left:10px;top:23px}.experience-info h3{margin:0;font-size:20px;color:#e91e63}.experience-info h4{margin:5px 0;font-size:16px;color:#a1a0f0}.experience-period{font-size:14px;color:#faa0a0;display:block;margin-bottom:8px}.experience-info p{margin:0;font-size:15px;line-height:1.5;color:#f8feff;font-family:"Libertinus Serif",serif}.aboutdetails span{color:#39ecec;font-family:Cutive Mono,monospace;font-weight:400;font-style:normal}.card{width:350px;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:#000;transition:transform .2s ease-in-out}.card:hover{transform:scale(1.02)}.card img{width:100%;height:auto}.card-content{padding:16px}.card-content h2{margin:0 0 8px;font-size:1.25rem}.card-content p{display:flex;align-items:center;justify-content:center;font-size:.95rem;color:#fff}.projects-section{padding:50px 20px;background:#000;text-align:center}.projects-title{font-size:2rem;margin-bottom:30px;color:#09b1f3}.projects-container{display:flex;flex-direction:row;gap:20px}.card{background:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.card img{width:100%;height:150px;object-fit:cover}.card-content{padding:15px}.card:hover{transform:translateY(-5px)}.skills-section{background:linear-gradient(to right,#000,#000);padding:60px 20px;text-align:center}.skills-title{font-size:32px;font-weight:700;background:linear-gradient(to right,#00bcd4,#e91e63);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:40px}.skills-grid{display:flex;justify-content:space-between;gap:25px;max-width:900px;margin:auto}.skill-card{background-color:#00bcd480;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);backface-visibility:hidden;border-radius:12px;padding:20px;box-shadow:0 4px 15px #00bcd433;transition:transform .3s,box-shadow .3s}.skill-card:hover{transform:translateY(-6px);box-shadow:0 6px 20px #00bcd44d}.skill-icon{width:70px;height:70px;margin:auto;border-radius:50%;display:flex;align-items:center;justify-content:center}.skill-icon img{width:90px;height:90px;border-radius:50%}.skill-name{font-size:16px;font-weight:700;color:#000;margin-top:30px}.footer{background:linear-gradient(to right,#030303,#000);padding:40px 20px 20px;color:#e6cfcf;font-family:Arial,sans-serif}.footer-container{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px}.footer-logo{color:#00d8f5;font-size:24px;margin-bottom:8px}.footer-left p{font-size:14px;color:#555}.footer-links{display:flex;gap:15px;color:#00d8f5}.footer-links a{text-decoration:none;color:#07dbf7;font-size:14px;transition:color .3s}.footer-links a:hover{color:#f32b2b}.footer-socials{display:flex;gap:15px;color:#fff}.footer-socials a{color:#ec1c1c;font-size:20px;transition:color .3s}.footer-socials a:hover{color:#00bcd4}.footer-bottom{text-align:center;font-size:12px;color:#777;margin-top:20px}@media screen and (max-width: 668px){.navbar-menu{display:none;flex-direction:column;width:100%;background-color:#000;position:absolute;top:60px;left:0;padding:10px 0}.navbar-menu.active{display:flex}.navbar-menu li{padding:10px 0;text-align:center}.menu-toggle{display:block}.nav{flex-direction:column;text-align:center;padding:10px}.home-container{flex-direction:column-reverse;text-align:center}.home-image img{margin-bottom:20px}.abt{flex-direction:column;align-items:center;gap:20px}.about-container{flex-direction:column;text-align:center}.about-details{grid-template-columns:1fr}.experience-card{flex-direction:column;padding-left:20px}.project-class,.projects-container{flex-direction:column;align-items:center;gap:20px;margin-right:0}.skills-grid{flex-direction:column}.footer-container{flex-direction:column;text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}.footer-socials{justify-content:center}}