body{margin:0;padding:0;background-color:#1f1e43;color:#8892b0;font-family:DM Sans,sans-serif}a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}a:hover{cursor:pointer}header{position:fixed;top:0;width:100%;z-index:999}header nav .nav-container{background-color:#1f1e43;display:flex;justify-content:space-between;align-items:center;transition:all .5s ease-in-out;padding:10px;border:unset;margin-top:5px}header nav .nav-container.scrolling{border:3px solid #64ffda;background-color:#1f1e43c7;backdrop-filter:blur(8px);margin-top:15px}header nav .nav-container .logo a{align-items:center;border:3px solid;color:#64ffda;display:flex;font-family:Fira Code,monospace;font-size:30px;height:50px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:50px}header nav .nav-container .logo a:after{animation-duration:1s;animation-iteration-count:infinite;animation-name:blink;background:#64ffda;bottom:7px;content:"";height:3px;position:absolute;right:16px;width:15px}@keyframes blink{0%{opacity:0}to{opacity:1}}header nav .nav-container .links-content{display:flex;gap:30px;align-items:center}header nav .nav-container .links-content ul{list-style:none}header nav .nav-container .links-content ul li{display:inline-block;margin-left:20px;font-size:14px}.btn-content{align-items:center;background-color:initial;border:1px solid;border-radius:5px;color:#64ffda!important;display:flex;gap:10px;justify-content:center;padding:10px;position:relative;transition:all .5s ease-in-out;width:fit-content;cursor:pointer}.btn-content:hover{background-color:#64ffda1a!important}.common-section{min-height:100vh;display:flex;align-items:center}.sm-heading{align-items:center;color:#64ffda;display:flex;font-family:Fira Code,monospace;font-size:15px;gap:20px;position:relative}.sm-heading.section-heading{font-size:20px}.sm-heading:after{content:"";background-color:#64ffda;border:.4px solid #64ffda;width:100px}.heading-container .heading-content{width:100%}.heading-container h1{font-family:sans-serif;font-size:60px;line-height:30px;margin:25px 0;color:#ccd6f6}.heading-container h2{color:#ccd6f6;font-size:29px}.about-section .about-content{display:flex}.about-section .about-content .left-content{width:70%}.about-section .about-content .left-content p{font-size:16px}.about-section .about-content .right-content{width:30%;padding-left:40px;padding-top:40px}.about-section .about-content .right-content img{width:250px;box-shadow:8px 6px 0 1px #64ffda}.projects-section-container .projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}@media(max-width:768px){.projects-section-container .projects-grid{grid-template-columns:1fr}}.projects-section-container .project-card-new{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .3s ease,transform .3s ease}.projects-section-container .project-card-new:hover{border-color:#64ffda33}.projects-section-container .project-card-new .project-card-body h3{color:#ccd6f6;font-size:18px;margin:0 0 12px;line-height:1.4}.projects-section-container .project-card-new .project-card-body p{color:#8892b0;font-size:16px;line-height:1.7;margin:0 0 20px}.projects-section-container .project-card-new .project-tech-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.projects-section-container .project-card-new .project-tech-tags .project-tech-tag{background:#64ffda0f;color:#64ffda;border:1px solid rgba(100,255,218,.15);padding:3px 10px;border-radius:20px;font-size:11px;font-family:Fira Code,monospace}.projects-section-container .project-card-new .project-card-footer .project-link{display:inline-flex;align-items:center;gap:6px;color:#64ffda;font-size:13px;font-family:Fira Code,monospace;text-decoration:none;border:1px solid rgba(100,255,218,.3);padding:8px 16px;border-radius:6px;transition:background .2s ease,color .2s ease}.projects-section-container .project-card-new .project-card-footer .project-link:hover{background:#64ffda1a}.skills-category-section .skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}@media(max-width:768px){.skills-category-section .skills-grid{grid-template-columns:1fr}}.skills-category-section .skill-category{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px;transition:border-color .3s ease}.skills-category-section .skill-category:hover{border-color:#ffffff1f}.skills-category-section .category-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.skills-category-section .category-header .category-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.skills-category-section .category-header h3{font-size:18px;font-family:Fira Code,monospace;text-transform:uppercase;letter-spacing:2px;margin:0}.skills-category-section .skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skills-category-section .skill-tag{background:var(--tag-color-bg);color:var(--tag-color);border:1px solid var(--tag-color-border);padding:5px 12px;border-radius:20px;font-size:12px;font-family:Fira Code,monospace;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease,background .2s ease}.skills-category-section .skill-tag.visible{opacity:1;transform:translateY(0)}.skills-section .skills-box-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.skills-section .skills-box-container .skills-box-content{background:#191837}.skills-section .skills-box-container .skills-box-content .box-heading{background:#14142d;padding:20px;border-bottom:5px solid #63fdd8}.skills-section .skills-box-container .skills-box-content .box-heading h3{margin:0}.skills-section .skills-box-container .skills-box-content .skills-group{padding:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.skills-section .skills-box-container .skills-box-content .skills-group .skill-item{padding:10px;text-align:center}.skills-section .skills-box-container .skills-box-content .skills-group .skill-item .skill-icon{font-size:40px;margin-bottom:10px}.edu-section .education-grid{display:flex;flex-direction:column}.edu-section .education-card{display:flex;gap:24px;margin-top:15px}.edu-section .education-card .edu-content{flex:1;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px;transition:border-color .3s ease}.edu-section .education-card .edu-content:hover{border-color:#64ffda33}.edu-section .education-card .edu-content .edu-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:12px}.edu-section .education-card .edu-content .edu-top .edu-degree{color:#64ffda;font-size:18px;margin:0 0 10px}.edu-section .education-card .edu-content .edu-top .edu-meta{display:flex;flex-wrap:wrap;gap:16px}.edu-section .education-card .edu-content .edu-top .edu-meta .edu-meta-item{display:flex;align-items:center;gap:6px;color:#8892b0;font-size:13px;font-family:Fira Code,monospace}.edu-section .education-card .edu-content .edu-top .edu-status{background:#64ffda14;color:#64ffda;border:1px solid rgba(100,255,218,.2);padding:4px 12px;border-radius:20px;font-size:11px;font-family:Fira Code,monospace;flex-shrink:0;height:fit-content}.edu-section .education-card .edu-content .edu-description{color:#8892b0;font-size:14px;line-height:1.8;margin:0 0 20px}.contact-component .contact-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;align-items:start;margin-top:20px}@media(max-width:768px){.contact-component .contact-grid{grid-template-columns:1fr;gap:40px}}.contact-component .contact-info h3{color:#64ffda;font-size:20px;margin:0 0 16px}.contact-component .contact-info p{color:#8892b0;font-size:16px;line-height:1.8}.contact-component .contact-info .contact-links{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.contact-component .contact-info .contact-links .contact-link{display:flex;align-items:center;gap:10px;color:#ccd6f6;font-size:14px;font-family:Fira Code,monospace;text-decoration:none;transition:color .2s ease}.contact-component .contact-info .contact-links .contact-link:hover{color:#64ffda}.contact-component .contact-info .contact-socials{display:flex;gap:12px}.contact-component .contact-info .contact-socials .social-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#8892b0;text-decoration:none;transition:all .2s ease}.contact-component .contact-info .contact-socials .social-icon-btn:hover{border-color:#64ffda4d;color:#64ffda;background:#64ffda0d}.contact-component .contact-form-new{display:flex;flex-direction:column;gap:20px}.contact-component .contact-form-new .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.contact-component .contact-form-new .form-row{grid-template-columns:1fr}}.contact-component .contact-form-new .form-field{display:flex;flex-direction:column;gap:8px}.contact-component .contact-form-new .form-field label{color:#8892b0;font-size:12px;font-family:Fira Code,monospace;text-transform:uppercase;letter-spacing:1px}.contact-component .contact-form-new .form-field label span{color:#64ffda}.contact-component .contact-form-new .form-field label span.optional{color:#8892b0;text-transform:none;letter-spacing:0}.contact-component .contact-form-new .form-field input,.contact-component .contact-form-new .form-field textarea{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px 16px;color:#ccd6f6;font-size:14px;font-family:DM Sans,sans-serif;transition:border-color .2s ease;outline:none;resize:vertical}.contact-component .contact-form-new .form-field input::placeholder,.contact-component .contact-form-new .form-field textarea::placeholder{color:#8892b080}.contact-component .contact-form-new .form-field input:focus,.contact-component .contact-form-new .form-field textarea:focus{border-color:#64ffda66;background:#64ffda05}.contact-component .contact-form-new .contact-submit{background:transparent;border:1px solid rgba(100,255,218,.4);color:#64ffda;padding:14px 28px;border-radius:8px;font-size:14px;font-family:Fira Code,monospace;cursor:pointer;transition:all .2s ease;align-self:flex-start}.contact-component .contact-form-new .contact-submit:hover:not(:disabled){background:#64ffda14;border-color:#64ffda}.contact-component .contact-form-new .contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-component .contact-form-new .contact-submit .submit-loading{display:flex;gap:4px;align-items:center}.contact-component .contact-form-new .contact-submit .submit-loading .loading-dot{width:6px;height:6px;background:#64ffda;border-radius:50%;animation:loadingDot 1s infinite}.contact-component .contact-form-new .contact-submit .submit-loading .loading-dot:nth-child(2){animation-delay:.2s}.contact-component .contact-form-new .contact-submit .submit-loading .loading-dot:nth-child(3){animation-delay:.4s}.contact-component .contact-form-new .form-status{font-size:13px;font-family:Fira Code,monospace;margin:0}.contact-component .contact-form-new .form-status.success{color:#64ffda}.contact-component .contact-form-new .form-status.error{color:#ff6b6b}@keyframes loadingDot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}footer{position:fixed;top:40%;left:30px;display:flex;flex-direction:column}footer a{margin-top:20px;font-size:30px;color:#64ffda}.cursor{position:fixed;top:0;left:0;width:20px;height:20px;border-radius:50%;background-color:#64ffda;z-index:100;pointer-events:none;z-index:99999}.progress-bar{position:fixed;top:0;left:0;right:0;height:2px;background:#64ffda;transform-origin:0%;z-index:10}.exp-section .experience-grid{display:flex;flex-direction:column;gap:0;margin-top:20px}.exp-section .experience-card{display:flex;gap:24px;position:relative}.exp-section .experience-card .exp-content{flex:1;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px;margin-bottom:24px;transition:border-color .3s ease}.exp-section .experience-card .exp-content:hover{border-color:#64ffda33}.exp-section .experience-card .exp-content .exp-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px;flex-wrap:wrap}.exp-section .experience-card .exp-content .exp-top .exp-company{color:#64ffda;font-size:18px;margin:0 0 4px}.exp-section .experience-card .exp-content .exp-top .exp-role{color:#ccd6f6;font-size:14px;font-weight:400;margin:0;display:flex;align-items:center;gap:8px}.exp-section .experience-card .exp-content .exp-top .exp-role .exp-type{color:#8892b0;font-size:12px;font-family:Fira Code,monospace;background:#ffffff0d;padding:2px 8px;border-radius:4px}.exp-section .experience-card .exp-content .exp-top .exp-period{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}@media(max-width:500px){.exp-section .experience-card .exp-content .exp-top .exp-period{width:100%;justify-content:space-between;flex-direction:unset}}.exp-section .experience-card .exp-content .exp-top .exp-period span{color:#8892b0;font-size:13px;font-family:Fira Code,monospace}.exp-section .experience-card .exp-content .exp-top .exp-period .exp-duration{color:#64ffda99;font-size:11px}.exp-section .experience-card .exp-content .exp-description{color:#8892b0;font-size:14px;line-height:1.8;margin:0 0 20px}.exp-tags{display:flex;flex-wrap:wrap;gap:6px}.exp-tags .exp-tag{background:#64ffda0f;color:#64ffda;border:1px solid rgba(100,255,218,.15);padding:3px 10px;border-radius:20px;font-size:11px;font-family:Fira Code,monospace}.blogs-component .blog-section-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:15px}@media(max-width:768px){.blogs-component .blog-section-grid{grid-template-columns:1fr}}.blogs-component .blog-card-new{display:flex;flex-direction:column;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;text-decoration:none;transition:border-color .3s ease,transform .3s ease}.blogs-component .blog-card-new:hover{border-color:#64ffda33}.blogs-component .blog-card-new:hover .blog-img-wrapper img{transform:scale(1.04)}.blogs-component .blog-card-new .blog-img-wrapper{position:relative;overflow:hidden;height:fit-content}.blogs-component .blog-card-new .blog-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blogs-component .blog-card-new .blog-img-wrapper .blog-img-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(13,13,26,.8) 100%)}.blogs-component .blog-card-new .blog-img-wrapper .blog-read-time{position:absolute;top:12px;right:12px;background:#0009;color:#64ffda;font-size:11px;font-family:Fira Code,monospace;padding:4px 10px;border-radius:20px;border:1px solid rgba(100,255,218,.2);backdrop-filter:blur(4px)}.blogs-component .blog-card-new .blog-card-content{padding:24px;display:flex;flex-direction:column;flex:1}.blogs-component .blog-card-new .blog-card-content .blog-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.blogs-component .blog-card-new .blog-card-content .blog-tags .blog-tag{background:#64ffda0f;color:#64ffda;border:1px solid rgba(100,255,218,.15);padding:3px 10px;border-radius:20px;font-size:11px;font-family:Fira Code,monospace}.blogs-component .blog-card-new .blog-card-content h3{color:#ccd6f6;font-size:18px;line-height:1.5;margin:0 0 10px}.blogs-component .blog-card-new .blog-card-content p{color:#8892b0;font-size:16px;line-height:1.7;margin:0 0 20px;flex:1}.blogs-component .blog-card-new .blog-card-content .blog-footer{display:flex;justify-content:space-between;align-items:center}.blogs-component .blog-card-new .blog-card-content .blog-footer .blog-date{color:#8892b0;font-size:12px;font-family:Fira Code,monospace}.blogs-component .blog-card-new .blog-card-content .blog-footer .blog-read-more{color:#8892b0;font-size:12px;font-family:Fira Code,monospace;transition:color .2s ease,letter-spacing .2s ease}.error-page .error-page-content{display:flex;flex-direction:column;align-items:center}.error-page .error-page-content h1{font-size:30px;margin:0;color:#64ffda}@media(max-width:1300px){footer{position:unset;flex-direction:row;justify-content:center;align-items:center;margin:20px;gap:20px}}@media(max-width:900px){.contact-section .contact-container{width:100%}footer{position:unset;flex-direction:row;justify-content:center;align-items:center;margin:20px;gap:20px}.common-section{min-height:auto;margin:60px 0}.skills-section .skills-box-container,.projects-section .projects-list{grid-template-columns:repeat(1,1fr)}.about-section .about-content .right-content img{width:100%}.heading-container.common-section{margin-top:150px}nav{padding:0 20px}}@media(max-width:600px){nav{padding:0 15px}.heading-container h1{font-size:30px;margin-top:15px;margin-bottom:0}.heading-container h2{margin-top:10px;font-size:20px}.about-section .about-content{flex-direction:column}.about-section .about-content .left-content{width:100%}.about-section .about-content .right-content{width:100%;padding:0;margin-top:20px}.about-section .about-content .right-content img{width:200px}.skills-section .skills-box-container .skills-box-content .skills-group{grid-template-columns:repeat(3,1fr)}.contact-section .contact-container .form-content{width:100%}.contact-section .contact-container .form-content .contact-form form input,.contact-section .contact-container .form-content .contact-form form textarea{width:-webkit-fill-available}.blogs-section .blog-section-grid{grid-template-columns:repeat(1,1fr)}.error-page{margin-top:400px;margin-bottom:400px}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.MuiContainer-root{padding-left:24px!important;padding-right:24px!important;margin-left:auto!important;margin-right:auto!important;max-width:1200px!important}