:root{--bg:#f5f5f7;--bg-secondary:#fff;--text:black;--text-soft:#6e6e73;--blue:#0071e3;--blue-light:#5ac8fa;--glass:#ffffff73;--border:#ffffffa6;--shadow:10px 8px 35px #00000014;--shadow-hover:10px 18px 55px #0000001f;--transition:.35s cubic-bezier(.22,1,.36,1)}body[data-theme=dark]{--bg:#0f1115;--bg-secondary:#171a1f;--text:white;--text-soft:#9ba1a6;--blue:#4ba3ff;--blue-light:#78c3ff;--glass:#16181d73;--border:#ffffff14;--shadow:10px 10px 40px #00000059;--shadow-hover:10px 18px 55px #00000073}*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background:var(--bg);transition:background .5s,color .5s;overflow-x:hidden}.app{width:100%;min-height:100dvh;position:relative;overflow-x:hidden}.navbar{border:1px solid var(--border);z-index:10;background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:8px;padding:10px;display:flex;position:fixed;top:24px;left:50%;overflow:hidden;transform:translate(-50%)}.navBtn{cursor:pointer;color:var(--text);z-index:2;background:0 0;border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;padding:12px 24px;font-size:.95rem;font-weight:500;display:flex;position:relative}.navBubble{z-index:1;background:linear-gradient(135deg, var(--blue), var(--blue-light));border-radius:999px;position:absolute;top:8px;bottom:8px;left:0}.inverted{color:#fff}.themeToggle{cursor:pointer;width:54px;height:54px;color:var(--text);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border:none;border:1px solid var(--border);box-shadow:var(--shadow);z-index:1200;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:1.1rem;transition:box-shadow .28s cubic-bezier(.22,1,.36,1),background-color .28s,border-color .28s,color .28s;display:flex;position:fixed;top:24px;right:32px}.pageContainer{width:100%;height:100%;padding:120px 6vw 0}.homePage{justify-content:space-between;align-items:center;gap:70px;width:100%;min-height:calc(100dvh - 120px);padding:0 1vw 40px;display:flex}.heroLeft{flex:1;max-width:650px}.smallHeading{color:var(--blue);letter-spacing:2px;margin-bottom:16px;font-size:.9rem}.myName{letter-spacing:-3px;color:var(--text);align-items:center;gap:16px;margin-bottom:18px;font-size:clamp(4rem,6vw,5.6rem);font-weight:700;line-height:1;display:flex}.heroLeft h2{color:var(--text-soft);margin-bottom:26px;font-size:1.4rem;font-weight:500}.heroDesc{color:var(--text-soft);max-width:620px;margin-bottom:34px;line-height:1.9}.skills{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:32px;display:flex}.skillChip{color:var(--text);border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-radius:999px;justify-content:center;align-items:center;min-width:80px;padding:10px 16px;font-size:.95rem;font-weight:500;line-height:1;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),background-color .28s,border-color .28s,color .28s;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000a}.skillChip:hover{background:#ffffff14;box-shadow:0 14px 34px #0000001a}.socials{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.socials a{color:var(--text);border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-radius:18px;justify-content:center;align-items:center;gap:10px;min-width:140px;padding:14px 22px;font-size:.95rem;font-weight:500;line-height:1;text-decoration:none;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),background-color .28s,border-color .28s,color .28s;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000a}.socials a svg{width:18px;height:18px;display:block}.socials a:hover{background:#ffffff14;border-color:#ffffffe6;transform:translateY(-4px)scale(1.02);box-shadow:0 14px 34px #0000001a}.socials a:active{transform:scale(.98)}.imgCard{border:1px solid var(--border);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);width:340px;height:430px;transition:var(--transition);background:#ffffff73;border-radius:40px;overflow:hidden;box-shadow:0 18px 50px #0000001a}.imgCard:hover{transform:translateY(-4px)scale(1.02)}.imgCard img{object-fit:cover;width:100%;height:100%}.projectsPage{width:100%;height:100%}.pheader{color:var(--text);margin-bottom:40px}.pheader h2,.eheader h2{margin-bottom:10px;font-size:2.8rem}.projectSection{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:26px;padding:8px 24px 20px;display:grid}.PCard{background:var(--glass);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:32px;padding:28px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),background .4s,border .4s}.PCard:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)scale(1.02)}.projectHeader{color:var(--text);justify-content:space-between;gap:13px;margin-bottom:18px;display:flex}.projectIcons{gap:12px;display:flex}.projectIcons a{color:var(--text)}.PCard p{color:var(--text);margin-bottom:24px;line-height:1.8}.projectTechs{flex-wrap:wrap;gap:10px;display:flex}.projectTechChip{color:var(--blue);background:#0071e314;border-radius:999px;padding:8px 12px;font-size:.85rem}.lupdated{width:100%;color:var(--text-soft);justify-content:center;align-items:center;padding-bottom:20px;font-size:1rem;display:flex}.experiencePage{width:100%;height:100%}.experienceHalf,.certificationHalf{flex-direction:column;gap:26px;padding:8px 0;display:flex}.eheader{color:var(--text)}.experienceSection,.certificationSection{flex-direction:column;gap:24px;padding:0 24px 40px;display:flex}.ECard{background:var(--glass);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:32px;padding:28px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),background .4s,border .4s}.ECard:hover{box-shadow:var(--shadow-hover);transform:translateY(-6px)}.ecardHeader{color:var(--text);flex-direction:column;justify-content:space-between;margin-bottom:18px;display:flex}.ecardHeader h4{color:var(--blue)}.ecardHeader>*{padding:2px 0}.ecardDesc{color:var(--text);white-space:pre-line;line-height:1.8}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}@media (width<=1000px){.homePage{text-align:center;flex-direction:column}.heroRight{order:-1}.myName{justify-content:center;font-size:4rem}.heroDesc{margin-inline:auto}}@media (width<=768px){.heroLeft h2{font-size:1.15rem}.socials a{width:100%;max-width:280px;min-width:unset}.eheader h2,.pheader h2{font-size:2.2rem}.navbar{justify-content:space-around;width:92%}.navBtn{padding:12px 16px;font-size:.85rem}.themeToggle{top:auto;bottom:24px}.projectSection{padding:8px 12px 20px}.experienceSection{padding:0 12px}.certificationSection{padding:0 12px 40px}}@media (width<=480px){.imgCard{width:240px;height:300px}.myName{font-size:2.3rem}}