@import"https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles:wght@400;700&family=Mogra&family=Pacifico&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;color:#fff;scroll-behavior:smooth}#home{scroll-margin-top:170px}#about{scroll-margin-top:80px}#skills{scroll-margin-top:70px}#projects{scroll-margin-top:120px}#experience,#contact{scroll-margin-top:100px}#footer{height:100%;background-color:#262626;text-align:center;padding:30px;font-family:poppins,sans-serif;font-size:22px}@media (max-width: 1024px){.navbar{max-height:80px}.navbar-left{font-size:20px}.navbar-right a{display:none}.home-container{padding:30px;gap:30px;flex-direction:column;text-align:center}.text h1{font-size:40px;line-height:45px}.text{font-size:22px;line-height:35px}.image{display:none}.about{margin-top:100px;font-size:35px;padding:30px}.about-text{font-size:22px}.about-stats{flex-direction:column;gap:20px}.stat-item{padding:15px}.stat-number{font-size:2rem}.stat-label{font-size:1.2rem}.skills-section{padding:60px 30px}.section-title{font-size:3em}.skills-container{gap:80px}.skills-column{min-width:280px}.skills-subtitle{font-size:25px}.skill-info{font-size:18px}.professional-skills{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.professional-skills li{font-size:18px;padding:12px 10px}.project{padding:30px;margin-bottom:150px}.project-text h1{font-size:3rem;margin-top:80px}.project-container{gap:30px}.project-card{width:280px;margin-top:40px}.experience-title{font-size:55px}.timeline-flow{max-width:800px}.timeline-card{width:40%}.contact{margin:30px}.contact-text{font-size:25px}.contact-container{flex-direction:column;gap:30px}.contact-details{justify-content:center}.contact-form{margin:10px;align-items:center}.contact-form input,.contact-form textarea{width:100%;max-width:400px;font-size:16px}.contact-form button{margin:0 auto;font-size:16px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){html,body{overflow-x:hidden}*{max-width:100vw}}@media (hover: none) and (pointer: coarse){.navbar-right a,.btn,.project-btn,.contact-details a img{min-height:44px;min-width:44px}}.about{margin-top:35px;font-size:40px;padding:50px;color:#00a2ff;font-family:Poppins,sans-serif}.about-container{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:150px}.about-title{font-size:1.4em}.about-text{margin-top:10px;font-size:23px;line-height:1.5;text-align:justify;color:#fff}.about-stats{display:flex;flex-direction:row;gap:30px;padding-top:10px;width:100%}.stat-item{width:100%;background-color:#1e1e1e;border-left:8px solid #00a2ff;padding:20px;border-radius:10px;text-align:center;box-shadow:0 4px 10px #00a2ff;transition:transform .2s ease}.stat-item .about{margin-top:160px;font-size:40px;padding:50px;color:#00a2ff;font-family:Poppins,sans-serif}.stat-item .about-container{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.stat-item .about-title{font-size:1.5em}.stat-item .about-text{margin-top:50px;font-size:25px;line-height:1.5;text-align:justify;color:#fff}.stat-item .about-stats{display:flex;flex-direction:row;gap:30px;margin-top:40px;padding-top:10px;width:100%}.stat-item .stat-item{width:100%;background-color:#1e1e1e;border-left:8px solid #00a2ff;padding:20px;border-radius:10px;text-align:center;box-shadow:0 4px 10px #00a2ff;transition:transform .2s ease}.stat-item .stat-item:hover{transform:translateY(-10px)}.stat-item .stat-number{font-size:2.5rem;font-weight:700;color:#00a2ff;margin-bottom:.5rem}.stat-item .stat-label{font-size:1.4rem;color:#fff;margin-top:5px}.stat-item:hover{transform:translateY(-10px)}.stat-number{font-size:2.5rem;font-weight:700;color:#00a2ff;margin-bottom:.5rem}.stat-label{font-size:1.4rem;color:#fff}.contact{margin:50px}.contact-text{margin-left:10px;font-size:28px;color:#00a2ff;margin-bottom:10px;font-family:poppins,sans-serif}.contact-container{display:flex;gap:50px;flex-wrap:wrap}.contact-details{flex:1;display:flex;flex-direction:row;gap:10px;justify-content:flex-start;align-items:flex-start}.contact-details a img{margin-left:15px;height:50px;width:auto;transition:transform .2s ease;cursor:pointer}.contact-details a img:hover{transform:scale(1.2)}.contact-form{flex:2;display:flex;flex-direction:column;align-items:flex-end;margin:50px}.contact-form form{display:flex;flex-direction:column}.contact-form input,.contact-form textarea{background-color:#262626;color:#fff;border:2px solid white;margin-bottom:40px;border:1px solid white;outline:none;border-radius:20px;width:700px;font-family:Poppins,sans-serif;font-size:19px;text-align:start;padding:10px}.contact-form ::placeholder{text-align:center}#uname,#email{height:70px}.contact-form button{margin-left:250px;height:60px;width:170px;border-radius:10px;font-family:Poppins,sans-serif;font-size:20px;color:#080808;background-color:#00a2ff;border:none;text-align:center;transition:border .1s ease-in-out;box-shadow:0 0 15px #00a2ff;cursor:pointer}.contact-form button:hover{border:1px solid white;color:#000}.experience-flow{font-family:Poppins,sans-serif}.experience-title{text-align:center;font-size:60px;color:#00a2ff;margin-bottom:30px}.timeline-flow{position:relative;margin:0 auto;max-width:1000px;padding:20px 0}.timeline-flow:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:4px;background-color:#00a2ff;transform:translate(-50%)}.timeline-row{display:flex;justify-content:flex-end;align-items:flex-start;position:relative;width:100%;padding:20px 0}.timeline-row.left{flex-direction:row-reverse}.timeline-card{background-color:#262626;padding:20px;border-radius:10px;width:45%;box-shadow:0 4px 15px #00a2ff1a;position:relative;z-index:1}.timeline-circle{width:18px;height:18px;background-color:#00a2ff;border-radius:50%;position:absolute;top:25px;left:50%;transform:translate(-50%);z-index:2;border:3px solid #f8fafc}.timeline-date{font-size:14px;color:gray}.timeline-role{font-size:20px;color:#00a2ff;margin:5px 0}.timeline-company{color:gray;font-style:italic;font-size:16px}.timeline-points{margin-top:10px;padding-left:20px;color:#fff}.timeline-points li{margin-bottom:8px}.home{margin-top:30px}.home-container{display:flex;justify-content:space-between;align-items:center;padding:50px;gap:50px}.text h1{font-size:45px;color:#00a2ff;line-height:50px}.text{flex:2;font-family:Poppins,sans-serif;font-size:23px;text-align:justify;line-height:30px}.image{flex:1;height:500px;width:auto;object-fit:cover}.btn{margin-top:20px;padding:10px;height:50px;width:170px;border-radius:10px;font-family:Poppins,sans-serif;font-size:16px;color:#080808;background-color:#00a2ff;border:none;text-align:center;text-decoration:none;display:inline-block;transition:border .1s ease-in-out;box-shadow:0 0 15px #00a2ff}.btn:hover{border:1px solid white;color:#000}.roles{color:#f50029;font-family:Mogra,system-ui;font-weight:400;scroll-behavior:smooth;font-style:normal}.navbar{max-height:80px;padding:auto;display:flex;justify-content:space-between;align-items:center;background-color:#beb8b821;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;width:100%;z-index:1000;cursor:pointer}.navbar a{text-decoration:none;color:#fff}.navbar-left{font-family:Pacifico,cursive;font-size:25px}.username{margin-left:10px;margin-bottom:20px}#letter{color:#00a2ff}.navbar-right a{padding-right:30px;font-size:22px;font-family:Poppins,sans-serif}.navbar-right a:hover{color:#00a2ff;transform:color .3s ease}.project{color:#fff;font-family:Poppins,sans-serif;background-color:#000;margin-top:50px;margin-bottom:250px}.project-text{text-align:center;margin-bottom:10px}.project-text h1{margin-top:100px;font-size:50px;color:#00a2ff}.project-container{display:flex;flex-wrap:wrap;justify-content:center;gap:50px}.project-card{margin-top:60px;background-color:#262626;border-radius:15px;padding:20px;width:300px;box-shadow:0 3px 14px #00a2ff;position:relative;text-align:center;transition:transform .3s ease}.project-card:hover{transform:scale(1.05)}.project-card img{width:80%;height:150px;object-fit:contain;margin-bottom:15px;margin-top:20px}.project-btn{display:inline-block;margin-top:10px;padding:10px 20px;background-color:#00a2ff;color:#000;text-decoration:none;border-radius:10px;font-weight:600;transition:all .1s ease-in-out}.project-btn:hover{background-color:#00a2ff;color:snow;transform:scale(1.2)}.project-btn.disabled{background-color:gray;pointer-events:none}.skills-section{padding:40px;color:#fff;font-family:Poppins,sans-serif}.section-title{text-align:center;font-size:50px;margin-bottom:20px;color:#00a2ff}.skills-container{display:flex;flex-wrap:wrap;gap:140px;justify-content:center}.skills-column{flex:1;min-width:300px;max-width:500px}.skills-subtitle{font-size:30px;color:#00a2ff;margin-bottom:25px;text-align:center}.skill-bar{margin-bottom:25px}.skill-info{display:flex;justify-content:space-between;margin-bottom:5px;font-size:20px}.bar-background{background-color:#2e2e2e;height:12px;border-radius:6px;overflow:hidden}.bar-fill{height:100%;border-radius:6px;transition:width 1s ease-in-out}.professional-skills{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.professional-skills li{background-color:#1e1e1e;padding:15px;border-radius:8px;text-align:center;font-size:20px;border:1px solid #00a2ff;transition:transform .3s ease}.professional-skills li:hover{transform:scale(1.05)}