:root{--bg: rgb(0, 0, 33);--navbg: rgb(18,18,62);--link: rgb(83, 112, 254);--hover: rgb(185, 38, 180);--purple: rgb(137, 83, 187);--title: rgb(215, 18, 219);--muted: rgb(198, 191, 191);--muted2: rgb(141, 139, 139);--hr: rgb(89, 86, 86);--navH: 56px;--maxW: 1100px;--pad: 18px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}body{background-color:var(--bg);color:#f5f5f5;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none}.container{width:min(var(--maxW),calc(100% - (var(--pad) * 2)));margin:0 auto}.pageOffset{padding-top:var(--navH)}.animate{font-family:monospace}.section2,.section3,.section4,.section5{width:100%;padding:48px 0}.section2 h1,.section3 h1,.section4 h1,.section5 h1{font-size:2rem;font-weight:900;color:var(--title);text-align:center}hr{border:none;border-top:1px solid var(--hr)}@media(max-width:900px){:root{--pad: 14px;--navH: 60px}.section2,.section3,.section4,.section5{padding:36px 0}}@media(max-width:600px){:root{--pad: 12px}.section2 h1,.section3 h1,.section4 h1,.section5 h1{font-size:1.6rem}}nav{display:flex;justify-content:space-around;align-items:center;height:var(--navH);background-color:var(--navbg);position:fixed;width:100%;top:0;z-index:1000;color:#f5f5f5}nav .left{font-size:1.5rem;font-weight:700;white-space:nowrap;cursor:pointer;color:#f5f5f5}nav .right ul{display:flex;justify-content:center;align-items:center;gap:18px;cursor:pointer}nav .right ul li{list-style:none;margin:0}nav .right ul li a{color:#f5f5f5;font-weight:600;padding:8px 10px;border-radius:10px;transition:.2s ease}nav .right ul li a:hover{color:var(--hover);background:#ffffff0f}nav .right ul li a.active{color:var(--hover);background:#ffffff14}.menuBtn{display:none;border:1px solid rgba(255,255,255,.25);background:transparent;color:#f5f5f5;padding:8px 12px;border-radius:12px;cursor:pointer;font-weight:800}.mobilePanel{display:none;background:var(--navbg);border-top:1px solid rgba(255,255,255,.14)}.mobilePanel ul{list-style:none;padding:10px var(--pad) 16px;display:flex;flex-direction:column;gap:10px}.mobilePanel a{display:block;padding:10px 12px;border-radius:12px;background:#ffffff0d;color:#f5f5f5}@media(max-width:900px){nav{justify-content:space-between;padding:0 var(--pad)}nav .right ul{display:none}.menuBtn{display:inline-flex}.mobilePanel{display:block}}@media(max-width:520px){nav .left{font-size:1.1rem}}@media(max-width:900px){nav{justify-content:space-between;padding:0 var(--pad)}nav .right ul{display:none}.menuBtn{display:inline-flex}}.firstsection{background-color:var(--bg);display:flex;justify-content:space-around;align-items:center;margin:110px 0;color:#f5f5f5;padding:0 var(--pad)}.firstsection>div{width:30%}#element{color:var(--purple);font-size:3.5rem}.rightsection{display:grid;place-items:center;text-align:center}.rightsection img{width:75%;border-radius:5px}.homeActions{margin-top:16px}.resumeBtnLarge{display:inline-block;border:1px solid var(--link);border-radius:12px;padding:10px 14px;color:var(--link);font-weight:800}.resumeBtnLarge:hover{border-color:var(--hover);color:var(--hover)}@media(max-width:900px){.firstsection{flex-direction:column;margin:80px 0 40px;gap:18px}.firstsection>div{width:100%}.leftsection{text-align:center;font-size:2.2rem}#element{font-size:2.6rem}.rightsection img{width:min(320px,70%);margin:auto}}@media(max-width:520px){.firstsection{margin:70px 0 30px}.leftsection{font-size:1.8rem}#element{font-size:2.2rem}.rightsection img{width:min(260px,85%)}}.firstsection{background-color:var(--bg);display:flex;justify-content:space-around;align-items:center;margin:110px 0;padding:0 20px;color:#f5f5f5}.leftsection{font-size:3rem;line-height:1.25}.purple{color:var(--purple)}.rightsection{text-align:center}.rightsection img{width:280px;max-width:90%;border-radius:10px;margin-bottom:14px}.resumeBtn{display:inline-block;border:1px solid var(--link);padding:10px 16px;border-radius:14px;font-weight:700;color:var(--link);transition:.2s ease}.resumeBtn:hover{color:var(--hover);border-color:var(--hover)}.section5{padding:50px 20px 70px;text-align:center}.section5 h2{color:var(--title);margin-bottom:14px}.contactme,.link{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:14px}.contactItem{display:flex;align-items:center;gap:14px;padding:12px 18px;width:min(520px,100%);border-radius:16px;background:#ffffff0a;transition:.2s ease}.contactItem:hover{background:#ffffff12}.contactItem a{color:var(--link);font-weight:700;word-break:break-word}.contactItem a:hover{color:var(--hover)}.contactIcon{font-size:22px;flex-shrink:0}.contactIcon.mail{color:#ea4335}.contactIcon.linkedin{color:#0a66c2}.contactIcon.github{color:#fff}.contactIcon.leetcode{color:#f89f1b}.contactIcon.gfg{color:#2f8d46}@media(max-width:900px){.firstsection{flex-direction:column;gap:24px;margin:80px 0 40px}.leftsection{font-size:2.2rem;text-align:center}}@media(max-width:600px){.leftsection{font-size:1.8rem}.contactItem{padding:10px 14px;font-size:.9rem}.contactIcon{font-size:20px}}.section2{max-width:80vw;margin:auto;text-align:center;justify-content:center}.edu{margin-top:2px;display:flex;flex-direction:column;gap:19px}.study{display:flex;justify-content:center;gap:40px;padding:18px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.year h3{color:#6e6868;font-size:2.2rem}.course{width:25%;text-align:left}.course *{color:var(--muted)}.course p{line-height:1.6}@media(max-width:900px){.section2{max-width:92vw}.course{width:60%}}@media(max-width:700px){.study{flex-direction:column;align-items:flex-start;gap:12px}.course{width:100%}.year h3{font-size:1.8rem}}.aboutPage{max-width:1100px;margin:0 auto;padding-top:calc(var(--navH) + 80px);padding-bottom:80px}.about{max-width:800px;margin:50px auto 120px;padding:28px 32px;font-size:1.05rem;line-height:1.8;text-align:center;color:#ffffffe0;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:18px}.section3{max-width:80vw;margin:auto;text-align:center;padding:40px 0}.skills,.exp{color:var(--muted2)}.skills{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px;justify-content:center;align-items:start}.myskills{padding:18px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;transition:transform .2s ease,border-color .2s ease,background .2s ease}.myskills:hover{transform:translateY(-4px);border-color:#b926b48c;background:#ffffff0d}.skillset h2{font-size:1.1rem;color:#ffffffeb;margin-bottom:14px}.skillList{list-style:none;display:flex;flex-direction:column;gap:12px;padding:0;margin:0}.skillList li{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:#0000002e;border:1px solid rgba(255,255,255,.07);transition:border-color .2s ease,background .2s ease}.skillList li:hover{border-color:#5370fe73;background:#00000047}.skillList h4{color:#ffffffe6;font-size:.98rem;font-weight:700;margin:0;line-height:1.2}.skillList h6{color:#fff9;font-size:.82rem;margin:2px 0 0;font-weight:600}.skillIcon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;font-size:28px}.skillIcon.html{color:#e34c26}.skillIcon.css{color:#264de4}.skillIcon.js{color:#f0db4f}.skillIcon.react{color:#61dafb}.skillIcon.node{color:#3c873a}.skillIcon.mongo{color:#4db33d}.skillIcon.express{color:#ccc}.skillIcon.java{color:#f89820}.skillIcon.python{color:#268fe4}.skillIcon.c{font-weight:900;font-size:22px;color:#5c6bc0;background:#ffffff0f;border-radius:10px;padding:6px 10px;border:1px solid rgba(255,255,255,.12)}.exp{margin-top:24px;justify-content:center;display:flex;flex-direction:column}.myexp{width:min(900px,100%);display:grid;grid-template-columns:140px 1fr;gap:16px;padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;align-items:start}.myexp hr{border:none;border-top:1px solid rgba(255,255,255,.12);margin:10px 0}.myexp h1{font-size:52px;color:#ffffff40;padding:0;margin:0;line-height:1}.time{color:#ffffffbf;margin-top:8px;font-weight:700;font-size:.95rem}.myexp h3{color:#fffc;font-weight:650;line-height:1.6;margin:0}@media(max-width:1000px){.section3{max-width:92vw}.skills{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:650px){.skills,.myexp{grid-template-columns:1fr}.myexp h1{font-size:40px}.skillIcon{width:30px;height:30px;flex:0 0 30px;font-size:24px}}.exp{margin-top:24px;display:flex;justify-content:center}.myexp{width:min(900px,100%);display:grid;grid-template-columns:140px 1fr;gap:18px;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;align-items:start}.expYear{text-align:center}.expYear h1{font-size:52px;color:#ffffff40;margin:0;line-height:1}.time{margin-top:8px;font-size:.9rem;font-weight:700;color:#ffffffbf}.expDetails h3{margin:0 0 8px;font-size:1.05rem;font-weight:700;color:#ffffffe6}.expDetails p{margin:0;line-height:1.6;color:#ffffffb3}.myexp:hover{border-color:#b926b48c;background:#ffffff0d}@media(max-width:900px){.myexp{grid-template-columns:110px 1fr}.expYear h1{font-size:44px}}@media(max-width:650px){.myexp{grid-template-columns:1fr;text-align:center}.expYear{margin-bottom:6px}.expYear h1{font-size:40px}}.section4{text-align:center;justify-content:center}.imgcontainer{position:relative;display:inline-block;width:min(900px,95vw);border-radius:12px;overflow:hidden;width:fit-content}.imgcontainer img{display:block;height:400px;width:800px;border-radius:7px;max-width:100%;object-fit:cover}.pdescription{position:absolute;top:0;left:0;background-color:#00000080;color:#fff;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;flex-direction:column;height:100%;width:100%;padding:14px;text-align:center}.imgcontainer:hover .pdescription,.imgcontainer:focus-within .pdescription{opacity:1}.pdescription a{background-color:#090114;border-radius:10px;color:#a19a9a;padding:8px 12px;display:inline-block}.buttoneffect{height:auto;width:auto;background-color:#000;border-radius:25px;padding:6px 14px;font-size:20px;display:inline-flex;align-items:center;justify-content:center}@media(max-width:900px){.imgcontainer{width:100%}.imgcontainer img{width:100%;height:auto}.pdescription{padding:10px}.buttoneffect{width:100%}}