:root{--bg-dark:#030303;--bg:#0a0a0a;--bg-light:#171717;--bg-inverse:#f2f2f2;--bg-inverse-hover:grey;--text:#f2f2f2;--text-inverse:#0a0a0a;--text-inverse-muted:#474747;--text-muted:#b0b0b0;--highlight:#636363;--border:#474747;--border-muted:#2e2e2e;--primary:#62c0df;--secondary:#e79c7e;--danger:#bb928b;--warning:#a6a17d;--success:#85a894;--info:#8da0bf;--logo-color:#62c0df;--shadow:0px 2px 2px rgba(0,0,0,.07),0px 4px 4px rgba(0,0,0,.15);--border-card:solid 1px var(--border);--gradient:linear-gradient(0deg,var(--bg) 95%,var(--bg-light));--gradient-hover:linear-gradient(0deg,var(--bg),var(--bg-light));--text-font:"Figtree",sans-serif;--logo-font:"Jersey 25",sans-serif;--text-size:0.8rem;--title-size:1.5rem;--subtitle-size:1rem;--spacing0:2px;--spacing1:4px;--spacing2:8px;--spacing3:16px;--spacing4:20px;--spacing5:40px;--spacing6:80px;--spacing7:160px}.light{--bg-dark:#e6e6e6;--bg:#f2f2f2;--bg-light:#fff;--bg-inverse:#0a0a0a;--text:#0a0a0a;--text-muted:#474747;--text-inverse:#f2f2f2;--text-inverse-muted:#b0b0b0;--highlight:#fff;--border:grey;--border-muted:#9e9e9e;--primary:#003a47;--secondary:#743216;--danger:#7f5953;--warning:#6b6543;--success:#4a6d5a;--info:#526380;--border-card:solid 1px var(--bg);--gradient:linear-gradient(0deg,var(--bg) 95%,var(--bg-light));--gradient-hover:linear-gradient(0deg,var(--bg),var(--bg-light))}html{scroll-snap-type:y proximity;scroll-behavior:smooth}#about,#achievements,#contact,#education,#home,#projects{scroll-snap-align:start}body{margin:0;padding:0;background:var(--bg-dark);color:var(--text);font-family:var(--text-font)}a{text-decoration:none;color:inherit}header{background:var(--bg);color:var(--text);padding:var(--spacing2) var(--spacing4);font-family:var(--text-font);position:sticky;top:0;z-index:100;box-shadow:var(--shadow);border-bottom:var(--border-card)}header .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:var(--spacing2)}header .container .logo{font-size:var(--title-size);font-weight:400;color:var(--text);letter-spacing:.5px;font-family:var(--logo-font);display:inline-block;min-width:200px;margin-left:var(--spacing3)}header .container .logo .logo2{color:var(--logo-color)}header .container nav ul{list-style:none;display:flex;align-items:center;margin:0;padding:0}header .container nav ul li{margin-right:20px}header .container nav ul li a{color:var(--text);text-decoration:none;background:var(--bg-light);padding:var(--spacing2) var(--spacing3);border-radius:var(--spacing1);display:block;font-weight:500;text-transform:uppercase;font-size:var(--text-size);letter-spacing:.5px;cursor:pointer;border:var(--border-card);box-shadow:var(--shadow);border-top:1px solid var(--highlight)}header .container nav ul li a:hover{background:var(--gradient-hover)}header .container #theme-toggle{background:var(--bg-light);color:var(--text);cursor:pointer;transition:color .2s ease;padding:var(--spacing2) var(--spacing3);border-radius:20px;border:var(--border-card);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);border-top:1px solid var(--highlight)}header .container #theme-toggle:hover{background:var(--gradient-hover)}#home .container{display:flex;justify-content:center;align-items:center;gap:32px;max-width:1200px;margin:0 auto;padding:5rem 0}#home .container .image-container{background:var(--gradient);padding:16px;border-radius:8px;border-top:1px solid var(--highlight);border:var(--border-card);box-shadow:var(--shadow)}#home .container .image-container:hover{background:var(--gradient-hover)}#home .container .image-container img{width:350px;border-radius:4px;display:block}#home .container .text-container{display:flex;flex-direction:column;gap:16px;border:var(--border-card);background:var(--gradient);padding:16px;border-radius:8px;box-shadow:var(--shadow);max-width:450px}#home .container .text-container:hover{background:var(--gradient-hover)}#home .container .text-container h1{font-size:32px;font-weight:700;color:var(--text);font-family:Roboto,sans-serif}#home .container .text-container p{font-size:16px;font-weight:400;font-family:Roboto,sans-serif}#home .container .text-container .name-designation h1{margin:var(--spacing2) 0}#home .container .text-container .name-designation p{margin:var(--spacing1) 0;color:var(--text-muted)}#home .container .text-container .description p{margin:var(--spacing2) 0;color:var(--text);letter-spacing:.5px;line-height:1.25}#projects .container{padding-top:5rem;padding-bottom:0;margin:0 auto;width:60%;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing3)}#projects .container h2{grid-column:1/-1;margin-left:var(--spacing4)}#projects .container .project{display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing3);padding:var(--spacing3);background:var(--gradient);border-radius:8px;border:var(--border-card);box-shadow:var(--shadow);transition:background-color .3s ease,box-shadow .3s ease;cursor:pointer}#projects .container .project:hover{background:var(--gradient-hover)}#projects .container .project .project-content{display:flex;flex-direction:column;gap:var(--spacing2)}#projects .container .project .project-content h3{font-size:var(--title-size);font-weight:700;margin:var(--spacing2) 0 var(--spacing1) 0}#projects .container .project .project-content p{font-size:var(--text-size);font-weight:400;margin:0 0 var(--spacing1) 0;color:var(--text-muted)}#projects .container .project .project-tech-stack{display:flex;justify-content:space-between;margin-top:var(--spacing2)}#projects .container .project .project-tech-stack .tech-stack{font-size:var(--subtitle-size);font-weight:700}#skills .container{padding-top:2px;padding-bottom:5rem;margin:0 auto;width:60%}#skills .container h2{margin-left:var(--spacing4);margin-bottom:var(--spacing3)}#skills .skills-container .item{display:inline-flex;align-items:center;gap:8px;background:var(--bg-light);color:var(--text-muted);padding:8px 16px;border-radius:20px;margin-right:8px;margin-bottom:8px;font-size:14px;font-weight:500;width:-moz-fit-content;width:fit-content;border:var(--border-card);box-shadow:var(--shadow)}#skills .skills-container .item i{font-size:14px}#skills .skills-container .item p{margin:0;font-size:12px}#achievements .container{padding-top:5rem;padding-bottom:0;margin:0 auto;width:60%}#achievements .container h2{margin-left:32px;margin-bottom:24px}#achievements .container .achievement{display:flex;flex-direction:column;padding:var(--spacing3);background:var(--gradient);border-radius:8px;box-shadow:var(--shadow);margin-bottom:24px;border:var(--border-card);border-top:1px solid var(--highlight)}#achievements .container .achievement:hover{background:var(--gradient-hover)}#achievements .container .achievement h3{font-size:var(--title-size);font-weight:700;margin:var(--spacing2) 0 var(--spacing1) 0;color:var(--text)}#achievements .container .achievement p{font-size:var(--text-size);font-weight:400;margin-top:var(--spacing1);color:var(--text-muted)}#education .container{padding:0;margin:0 auto;width:60%}#education .container h2{margin-left:32px;margin-bottom:24px}#education .container .education{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--gradient);border:var(--border-card);border-radius:8px;box-shadow:var(--shadow);margin-bottom:24px;transition:background-color .3s ease,box-shadow .3s ease}#education .container .education:hover{background:var(--gradient-hover)}#education .container .education h3{font-size:var(--title-size);font-weight:700;margin:var(--spacing2) 0 var(--spacing1) 0;color:var(--text)}#education .container .education p{font-size:var(--text-size-l);font-weight:400;color:var(--text-muted);margin:var(--spacing1) 0}#contact .container{padding:10rem 0;margin:0 auto;width:60%}#contact .container h2{margin-left:32px;margin-bottom:24px}#contact .container .contact-content{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--gradient);border:var(--border-card);border-radius:8px;box-shadow:var(--shadow);margin-bottom:12px}#contact .container .contact-content:hover{background:var(--gradient-hover)}#contact .container .contact-content .contact-content-item{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;margin:4px 0 4px 0;font-size:14px;font-weight:500;width:-moz-fit-content;width:fit-content;border:var(--border-card);background:var(--bg-light);box-shadow:var(--shadow)}#contact .container .contact-content .contact-content-item i{font-size:var(--text-size-l)}#contact .container .contact-content .contact-content-item p{margin:0;font-size:var(--text-size)}footer{background:var(--bg);color:var(--text);padding:var(--spacing3);text-align:center;margin-top:var(--spacing5)}footer p{margin:0;font-size:var(--text-size)}@media (max-width:768px){html{scroll-snap-type:y proximity}header .container{flex-direction:column;gap:var(--spacing2)}header .container .logo{min-width:auto;margin-left:0;text-align:center}header .container nav ul{flex-wrap:wrap;justify-content:center;gap:var(--spacing1)}header .container nav ul li{margin-right:8px}#home .container{flex-direction:column;padding:5rem 1.5rem}#home .container .image-container img{width:100%;max-width:300px}#home .container .text-container{max-width:100%}#home .container .text-container h1{font-size:24px}#projects .container{width:90%;grid-template-columns:1fr;padding:5rem 0}#skills .container{width:90%;padding:3rem 0}#skills .skills-container ul{flex-direction:column}#achievements .container,#contact .container,#education .container{width:90%;padding:5rem 0}}@media (max-width:480px){header .container nav ul li a{padding:6px 10px;font-size:.7rem}header .container #theme-toggle{padding:6px 10px}#home .container{padding:3rem 1rem;gap:16px}#home .container .image-container img{max-width:220px}#home .container .text-container h1{font-size:20px}#home .container .text-container p{font-size:14px}#achievements .container,#contact .container,#education .container,#projects .container,#skills .container{width:92%}#projects .container .project .project-tech-stack{flex-direction:column;gap:var(--spacing2)}}