@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;font-family:Poppins,sans-serif}:root{--bgcol: #fdfdfd;--cardbg: #ffffff;--txtcol: #222222;--subtxtcol: #666666;--maincol: #754ef9;--maincol-hover: #5d35e0;--whitecol: #ffffff;--bordercol: rgba(0, 0, 0, .1);--shadowcol: rgba(0, 0, 0, .08);--tagbg: rgba(117, 78, 249, .08)}.dark-mode{--bgcol: #0b061f;--cardbg: #140d33;--txtcol: #fdfdfd;--subtxtcol: #a099c2;--maincol: #754ef9;--maincol-hover: #916fff;--whitecol: #ffffff;--bordercol: rgba(255, 255, 255, .1);--shadowcol: rgba(0, 0, 0, .6);--tagbg: rgba(117, 78, 249, .2)}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}body{background-color:var(--bgcol);color:var(--txtcol);transition:background-color .4s ease,color .4s ease;min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--maincol);outline-offset:3px}section{min-height:80vh;padding:12rem 7% 6rem}.heading{text-align:center;font-size:3.8rem;font-weight:700;margin-bottom:4rem}.heading span{color:var(--maincol)}.subheading{text-align:center;font-size:1.6rem;color:var(--subtxtcol);max-width:700px;margin:-3rem auto 4rem;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:1.2rem 2.8rem;background:var(--maincol);border-radius:4rem;box-shadow:0 .5rem 1.5rem #754ef94d;font-size:1.6rem;color:var(--whitecol);letter-spacing:.05rem;font-weight:600;transition:.3s ease;cursor:pointer}.btn:hover{background:var(--maincol-hover);transform:translateY(-3px);box-shadow:0 .8rem 2rem #754ef966}.btn-secondary{background:transparent;color:var(--txtcol);border:2px solid var(--maincol);box-shadow:none}.btn-secondary:hover{background:var(--maincol);color:var(--whitecol)}.header{position:fixed;top:0;left:0;width:100%;padding:2rem 7%;background:transparent;display:flex;align-items:center;justify-content:space-between;z-index:100;transition:.4s ease}.header.sticky{background-color:var(--bgcol);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 .1rem 1rem var(--shadowcol)}.logo-container{display:flex;align-items:center;gap:1rem;font-size:2.5rem;font-weight:600;color:var(--txtcol)}.logo-icon{width:3.5rem;height:3.5rem;object-fit:contain}.navbar{display:flex;align-items:center;gap:3.5rem}.navbar a{font-size:1.7rem;color:var(--txtcol);font-weight:500;transition:.3s ease;position:relative}.navbar a:hover,.navbar a.active{color:var(--maincol)}.navbar a.active:before{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:3px;background:var(--maincol);border-radius:2px}#darkmode-icon{font-size:2.4rem;color:var(--txtcol);cursor:pointer;transition:color .3s ease,transform .3s ease}#darkmode-icon:hover{color:var(--maincol);transform:rotate(20deg)}#menu-icon{font-size:3.2rem;color:var(--txtcol);display:none;cursor:pointer}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.skills-grid-3,.grid-3-strict{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}@media (max-width: 1024px){.skills-grid-3,.grid-3-strict{grid-template-columns:repeat(2,1fr)}}@media (max-width: 650px){.skills-grid-3,.grid-3-strict{grid-template-columns:1fr}}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem}.card{background:var(--cardbg);border:1px solid var(--bordercol);border-radius:1.6rem;padding:3rem;box-shadow:0 .5rem 1.5rem var(--shadowcol);transition:transform .3s ease,box-shadow .3s ease;overflow-wrap:break-word;word-break:break-word}.card:hover{transform:translateY(-5px);box-shadow:0 1rem 2.5rem var(--shadowcol)}.tag{display:inline-block;padding:.4rem 1.2rem;background:var(--tagbg);color:var(--maincol);font-size:1.2rem;font-weight:600;border-radius:2rem}.experience-timeline-group{position:relative;margin-bottom:6rem}.experience-company-header{display:flex;align-items:center;gap:1.8rem;margin-bottom:3.5rem;position:relative;z-index:2}.experience-company-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--cardbg) 0%,var(--tagbg) 100%);border:2px solid var(--maincol);color:var(--maincol);display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:0 0 25px #00d2d366;flex-shrink:0}.experience-company-title{font-size:2.4rem;font-weight:700;color:var(--txtcol);margin-bottom:.3rem}.experience-company-sub{font-size:1.4rem;color:var(--subtxtcol)}.experience-vertical-line{position:absolute;left:31px;top:64px;bottom:25px;width:4px;background:linear-gradient(to bottom,var(--maincol) 0%,#00d2d3 50%,rgba(0,210,211,.3) 100%);box-shadow:0 0 10px #00d2d399;border-radius:2px;z-index:1}.experience-roles-container{display:flex;flex-direction:column;gap:3.5rem;padding-left:3rem}.experience-role-item{position:relative;padding-left:3.5rem}.experience-bullet-node{position:absolute;left:-8px;top:22px;width:20px;height:20px;border-radius:50%;background:var(--maincol);border:4px solid var(--bgcol);box-shadow:0 0 14px var(--maincol);z-index:2}.experience-role-card{background:var(--cardbg);border-radius:1.4rem;padding:2.8rem;border-left:4px solid var(--maincol);box-shadow:0 .8rem 2.5rem var(--shadowcol);transition:transform .3s ease,box-shadow .3s ease}.experience-featured-media{background:var(--tagbg);border-radius:1rem;padding:1.8rem 2rem;border:1px solid var(--bordercol);margin-bottom:1.8rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.experience-media-icon{width:48px;height:48px;border-radius:1rem;background:linear-gradient(135deg,var(--maincol) 0%,#00d2d3 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.4rem;flex-shrink:0;box-shadow:0 4px 12px #00d2d34d}.footer-heading{font-size:1.8rem;font-weight:700;color:var(--txtcol);margin:0}.footer-heading-line{width:3.5rem;height:.3rem;background:var(--maincol);border-radius:.2rem;margin:.8rem 0 1.8rem}.footer-links-list{list-style:none;padding:0;margin:0}.footer-links-list li{margin-bottom:1.2rem}.footer-links-list a{font-size:1.4rem;color:var(--subtxtcol);text-decoration:none;transition:.3s ease;display:inline-flex;align-items:center}.footer-links-list a:hover{color:var(--maincol);transform:translate(4px)}.footer-soc-btn{width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;background:var(--tagbg);color:var(--maincol);border-radius:50%;font-size:1.8rem;transition:.3s ease;border:1px solid var(--bordercol)}.footer-soc-btn:hover{background:var(--maincol);color:var(--whitecol);transform:translateY(-3px)}@media (max-width: 1024px){.footer-main-grid{grid-template-columns:repeat(2,1fr)!important;gap:3.5rem 3rem!important}}@media (max-width: 992px){section{padding:10rem 5% 5rem}.heading{font-size:3.2rem}}@media (max-width: 768px){#menu-icon{display:block}.navbar{position:absolute;top:100%;left:0;width:100%;padding:2rem 5%;background:var(--bgcol);border-top:1px solid var(--bordercol);box-shadow:0 .5rem 1rem var(--shadowcol);flex-direction:column;align-items:flex-start;gap:2rem;display:none}.navbar.active{display:flex}.navbar a{font-size:1.8rem;width:100%}.navbar a.active:before{display:none}.grid-3,.grid-2{grid-template-columns:1fr}.experience-vertical-line{left:23px;top:52px;bottom:20px}.experience-company-icon{width:48px;height:48px;font-size:2.4rem}.experience-company-title{font-size:2rem}.experience-company-sub{font-size:1.25rem}.experience-roles-container{padding-left:.5rem}.experience-role-item{padding-left:2.2rem}.experience-bullet-node{left:-8px;top:18px;width:16px;height:16px;border-width:3px}.experience-role-card{padding:1.8rem 1.4rem}.experience-featured-media{padding:1.4rem;flex-direction:column;align-items:flex-start}}@media (max-width: 600px){.footer-main-grid{grid-template-columns:1fr!important;gap:3rem!important}}@media (max-width: 480px){section{padding:8rem 4% 4rem}.heading{font-size:2.6rem}.subheading{font-size:1.4rem;margin:-2.5rem auto 3rem}.card{padding:2rem 1.4rem}.btn{padding:1rem 2rem;font-size:1.4rem}.experience-roles-container{padding-left:0}.experience-role-item{padding-left:1.6rem}.experience-vertical-line{left:17px}.experience-company-icon{width:36px;height:36px;font-size:1.8rem}.experience-bullet-node{left:-8px}}