@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500;600;700&display=swap";:root{--bg:#0a0a0f;--surface:#181820;--surface2:#20202b;--border:#ffffff14;--text:#f5f5ff;--muted:#9b9bb0;--accent:#7c6af5;--accent2:#a898ff;--green:#3dcfb6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;overflow-x:hidden}a{color:inherit;cursor:pointer;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:DM Sans,sans-serif;transition:all .3s}.navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:1000;background:#0a0a0fd9;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 4rem;display:flex;position:fixed;top:0;left:0}.left-navbar{color:var(--accent2);font-family:Syne,sans-serif;font-size:1.8rem;font-weight:500}.right-navbar{align-items:center;gap:1rem;display:flex}.right-navbar a{color:var(--muted);font-size:.95rem;transition:all .3s}.right-navbar a:hover{color:var(--accent2)}.about,.experience-section,.skills,.education,.projects-section,.achievements-section,.certifications-section,.contact-section{padding:7rem 4rem}.section-title{margin-bottom:3rem;font-family:Syne,sans-serif;font-size:3rem;line-height:1.1}.about{flex-direction:column;justify-content:center;max-width:1000px;min-height:100vh;display:flex}.about h1:first-child{color:var(--accent2);letter-spacing:3px;text-transform:uppercase;margin-bottom:1rem;font-size:1rem}.about h1:nth-child(2){margin-bottom:1rem;font-family:Syne,sans-serif;font-size:6rem;line-height:1}.about h1:nth-child(3){color:var(--muted);margin-bottom:2rem;font-size:2rem}.about p{color:var(--muted);max-width:850px;margin-bottom:1rem;font-size:1rem;line-height:1.9}.about-buttons,.social-buttons{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.social-buttons button{background:var(--surface);border:1px solid var(--border);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.5rem;display:flex}.social-buttons button:hover{border-color:var(--accent2);color:var(--accent2);transform:translateY(-4px)}.project-card,.skill-category-card,.education-card,.ach-card,.cert-card,.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;transition:all .3s}.project-card:hover,.skill-category-card:hover,.education-card:hover,.ach-card:hover,.cert-card:hover,.contact-card:hover{border-color:#7c6af566;transform:translateY(-5px)}.experience-section{background:0 0}.section-heading{color:#fff;margin-bottom:3rem;font-family:Syne,sans-serif;font-size:3rem;font-weight:500;line-height:1.1}.experience-container{flex-direction:column;display:flex}.experience-card{background:0 0;border-top:1px solid #ffffff14;gap:4rem;padding:2.5rem 0;transition:all .3s;display:flex}.experience-card:hover{transform:translateY(-4px)}.experience-left{flex-shrink:0;width:220px}.exp-date{color:#8c8ca5;letter-spacing:1px;margin-bottom:1rem;font-size:.95rem}.exp-duration{color:#a996ff;background:#8b7cf61f;border-radius:999px;padding:.55rem 1rem;font-size:.8rem;font-weight:600;display:inline-block}.experience-right{flex:1}.experience-right h2{color:#fff;margin-bottom:.6rem;font-size:1.8rem;font-weight:700}.experience-right h3{color:#22d3c5;margin-bottom:1.2rem;font-size:1.15rem;font-weight:500}.experience-right p{color:#8c8ca5;max-width:900px;margin-bottom:.6rem;font-size:.98rem;line-height:1.9}.projects{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.project-card{padding:2rem}.project-card h1{margin-bottom:1rem;font-size:1.8rem}.project-card p{color:var(--muted);font-size:.95rem;line-height:1.8}.tech-stack{flex-wrap:wrap;gap:.7rem;margin:1.5rem 0;display:flex}.tech-stack p{color:var(--accent2);background:#7c6af51a;border-radius:999px;padding:.45rem .9rem;font-size:.78rem}.project-buttons{flex-wrap:wrap;gap:1rem;display:flex}.project-buttons button{border-radius:999px;padding:.8rem 1.4rem;transition:all .3s}.github-btn{background:var(--accent);color:#fff}.demo-btn{border:1px solid var(--border);color:#fff;background:0 0}.demo-btn:hover{border-color:var(--accent2);color:var(--accent2)}.skills-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.skill-category-card{padding:2rem}.skill-category-card h2{margin-bottom:2rem;font-family:Syne,sans-serif;font-size:1.5rem}.skills-container{flex-wrap:wrap;gap:1.5rem;display:flex}.skill-item{flex-direction:column;align-items:center;display:flex}.skill-icon-card{color:#a898ff;cursor:pointer;background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:22px;justify-content:center;align-items:center;width:110px;height:90px;font-size:1.8rem;transition:all .3s;display:flex}.skill-icon-card:hover{border-color:#7c6af580;transform:translateY(-5px);box-shadow:0 10px 25px #7c6af526}.skill-item p{color:#fff;margin-top:.8rem;font-size:.9rem}.education{padding-left:7rem;position:relative}.education:before{content:"";background:#ffffff14;width:2px;height:75%;position:absolute;top:9rem;left:4.2rem}.education-card{margin-bottom:2rem;padding:2rem;position:relative}.education-card:before{content:"";border:2px solid var(--accent2);background:0 0;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:2.5rem;left:-3.5rem}.education-card:hover:before{background:var(--accent2)}.education-card p{color:var(--muted);margin-top:.6rem;line-height:1.7}.education-card h1{font-size:1.4rem}.education-card h1:last-child{color:var(--accent2);margin-top:1rem}.achievements{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.ach-card{padding:2rem;position:relative}.ach-number{color:var(--accent2);letter-spacing:2px;margin-bottom:1rem;font-size:1.8rem;font-weight:600}.ach-card h1{margin-bottom:1rem;font-size:1.4rem}.ach-card p{color:var(--muted);line-height:1.8}.certifications{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.cert-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;padding:0;transition:all .3s;display:flex;overflow:hidden}.cert-card:hover{border-color:#7c6af580;transform:translateY(-6px)}.cert-image{object-fit:cover;border-top-left-radius:20px;border-top-right-radius:20px;width:100%;height:200px}.cert-card h4{color:var(--muted);letter-spacing:1px;margin:1rem 1.2rem .2rem;font-size:.9rem}.cert-card h1{margin:.2rem 1.2rem;font-size:1.1rem;line-height:1.4}.cert-card p{color:var(--muted);margin:.6rem 1.2rem;font-size:.9rem}.cert-card a{color:var(--green);margin:1rem 1.2rem 1.5rem;font-weight:500}.cert-card a:hover{color:var(--accent2)}.contact{justify-content:center;display:flex}.contact-card{text-align:center;width:100%;max-width:900px;padding:4rem}.contact-card h1{margin-bottom:1rem;font-family:Syne,sans-serif;font-size:3rem}.contact-card p{color:var(--muted);margin-bottom:1rem;line-height:1.8}.contact-card button{border-radius:999px;margin-top:1rem;margin-right:1rem;padding:1rem 1.7rem}.contact-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.contact-primary{background:var(--accent);color:#fff}.contact-secondary{border:1px solid var(--border);color:#fff;background:0 0}.contact-secondary:hover{border-color:var(--accent2);color:var(--accent2)}@media (width<=1200px){.projects,.achievements,.certifications{grid-template-columns:repeat(2,1fr)}.section-heading{font-size:2.5rem}}@media (width<=1000px){.skills-grid{grid-template-columns:1fr}.experience-card{gap:2rem}}@media (width<=900px){.projects,.achievements,.certifications{grid-template-columns:1fr}.experience-card{flex-direction:column;gap:1.5rem}.experience-left{width:100%}}@media (width<=768px){.navbar{padding:0 1.5rem}.right-navbar{display:none}.about,.experience-section,.skills,.education,.projects-section,.achievements-section,.certifications-section,.contact-section{padding:5rem 1.5rem}.about h1:nth-child(2){font-size:3.5rem}.about h1:nth-child(3){font-size:1.5rem}.section-title,.section-heading,.contact-card h1{font-size:2.2rem}.education{padding-left:3rem}.education:before{left:1rem}.education-card:before{left:-2.55rem}.skills-container{justify-content:center}.experience-right h2{font-size:1.5rem}.experience-right h3{font-size:1rem}.experience-right p{font-size:.92rem}.contact-card{padding:2rem}}@media (width<=500px){.about h1:nth-child(2){font-size:2.7rem}.section-title,.section-heading{font-size:1.9rem}.project-card,.skill-category-card,.education-card,.ach-card,.cert-card{padding:1.5rem}.skill-icon-card{width:95px;height:80px}.contact-card h1{font-size:1.9rem}}.contact-email{font-size:1.05rem;font-weight:500;color:#23d2c3!important}.footer{text-align:center;background:var(--bg);border-top:1px solid #ffffff14;width:100%;padding:1.5rem 0}.footer p{color:#8c8ca5;letter-spacing:1px;font-size:.9rem}.resume-btn{border:1px solid var(--accent2);color:var(--accent2);background:0 0;border-radius:999px;padding:.7rem 1.3rem;font-size:.95rem;transition:all .3s}.resume-btn:hover{border-color:var(--accent2);color:var(--accent2);transform:translateY(-2px)}.name{flex-direction:column;align-items:flex-start;line-height:.9;display:flex}.name-solid{margin:0;font-family:Syne,sans-serif;font-weight:800;color:#fff!important;text-transform:capitalize!important;font-size:6rem!important}.name-outline{color:#0000;-webkit-text-stroke:2px var(--accent2);margin:0;font-family:Syne,sans-serif;font-size:6rem;font-weight:800}.availability-box{color:#23d2c3;border:1px solid #23d2c3;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-top:10px;margin-bottom:20px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.dot{background-color:#23d2c3;border-radius:50%;width:8px;height:8px;animation:1.2s infinite dotBlink}@keyframes dotBlink{0%{opacity:1;box-shadow:0 0 6px #23d2c3}50%{opacity:.2;box-shadow:0 0 #23d2c3}to{opacity:1;box-shadow:0 0 6px #23d2c3}}