:root{--glass: rgba(255,255,255,.08);--glass-dark: rgba(10,10,10,.65);--ring: rgba(255,255,255,.12)}.navbar{position:fixed;inset:0 0 auto;z-index:1000;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--ring)}.navbar-container{max-width:1100px;margin:0 auto;padding:.7rem 1rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo a{color:#fff;text-decoration:none;font-weight:700;letter-spacing:.2px;font-size:1.1rem}.navbar-links.desktop{display:flex;justify-content:center;gap:2rem;flex:1}.nav-item{color:#fff;text-decoration:none;font-weight:700;font-size:1.05rem;display:inline-block;transform:translateZ(0);transition:transform .2s ease}.nav-item:hover{transform:scale(1.07);color:#fff}.menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:42px;height:42px;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.2);border-radius:10px;cursor:pointer;gap:6px;transition:all .3s ease}.menu-toggle span{display:block;width:22px;height:2.5px;background-color:#fff;border-radius:2px;transition:all .3s ease}.menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu-toggle:hover{background:#ffffff26;transform:scale(1.05)}.menu-toggle{z-index:2000}.drawer{position:fixed;top:60px;left:0;bottom:0;width:82%;max-width:320px;transform:translate(-100%);transition:transform .28s ease;z-index:1001;background:var(--glass-dark);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-right:1px solid var(--ring);border-top-right-radius:16px}.drawer.open{transform:translate(0)}.drawer-inner{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.25rem}.drawer .nav-item{padding:.75rem 1rem;border-radius:12px;background:#fefefe0f;border:1px solid var(--ring)}.drawer .nav-item:hover{transform:scale(1.05)}.backdrop{position:fixed;inset:60px 0 0;z-index:1000;background:#0003}@media (max-width: 900px){.menu-toggle{display:flex}.navbar-links.desktop{display:none}}@media (prefers-reduced-motion: reduce){.nav-item,.drawer{transition:none}}:root{--glass: rgba(255,255,255,.08);--text: #eaeaea;--muted: #cfcfcf;--accent: #4da6ff;--ring: rgba(255,255,255,.14)}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}.home{min-height:100vh;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;justify-content:center;align-items:flex-start;padding:8rem 1rem 4rem;position:relative}.home:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 70% 10%,#00000040,#0000008c);z-index:0}.home-content{position:relative;width:100%;max-width:1000px;color:var(--text);z-index:1;border-radius:16px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem 2rem;border:1px solid var(--ring);text-align:center}h1{font-size:clamp(1.8rem,4.5vw,3rem);margin:.25rem 0;line-height:1.1}h2{font-size:clamp(1rem,2.2vw,1.25rem);font-weight:600;color:#fff;margin:0 0 1.25rem;opacity:.95}h3{font-size:1.15rem;margin:1.75rem 0 .75rem;color:#fff}h4{font-size:1rem;margin:1rem 0 .5rem;color:var(--muted)}.profile-pic{width:120px;height:120px;object-fit:cover;border-radius:50%;border:2px solid var(--ring);margin:0 auto 1rem;display:block;transition:transform .25s ease}.profile-pic:hover{transform:scale(1.06)}.about-me p{color:var(--muted);line-height:1.65;margin:0 auto 1rem;max-width:78ch;text-align:center}.panel{margin-top:1.25rem;padding-top:.5rem}.timeline{list-style:none;padding:0;margin:.25rem auto 0;max-width:820px;text-align:left}.timeline li{padding:.9rem 1rem;border:1px solid var(--ring);border-radius:12px;background:#0000002e;margin-bottom:.6rem}.t-badge{display:inline-block;font-size:.8rem;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--ring);background:#ffffff0f;margin-right:.5rem;color:#fff}.ach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:.5rem}.ach-card{background:#ffffff14;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;padding:1rem;text-align:left;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.ach-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 24px #00000040;background:#ffffff1a}.ach-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:1.2rem;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);margin-bottom:.6rem}.ach-card h5{color:#fff;margin:0 0 .25rem;font-size:1rem}.ach-card p{color:#cfcfcf;margin:0}.ach-link{display:inline-block;margin-top:.6rem;color:#fff;text-decoration:none;font-weight:600;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:.35rem .6rem;background:#ffffff0f}.ach-link:hover{transform:scale(1.03)}.chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.chip{padding:.45rem .7rem;border-radius:999px;border:1px solid var(--ring);background:#ffffff0f;font-size:.9rem;color:#fff}@media (max-width: 820px){.home{padding:6rem .75rem 3rem;background-attachment:scroll}.home-content{padding:1.5rem 1rem}.profile-pic{width:96px;height:96px}}.footer{background-color:#171042;padding:2rem 1rem;text-align:center;color:#fff;margin-top:0}.footer h3{font-size:1.5rem;color:#4da6ff;margin-bottom:1rem}.footer-icons{display:flex;justify-content:center;gap:2rem}.footer-icons img{width:40px;height:40px;transition:transform .3s ease;filter:brightness(0) invert(1)}.footer-icons img:hover{transform:scale(1.2);filter:brightness(0) invert(.5) sepia(1) saturate(4) hue-rotate(180deg)}.skills-section{background-image:url(/background-projects.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;padding-top:6rem;padding-bottom:4rem;display:flex;justify-content:center;align-items:flex-start;position:relative}.skills-section:before{content:"";position:absolute;inset:0;background:#0000;z-index:0}.skills-container{position:relative;background-color:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:12px;box-shadow:0 0 20px #ffffff1a;max-width:1000px;width:90%;color:#fff;text-align:center;z-index:1}.skills-container h1{font-size:2.5rem;color:#fff;margin-bottom:2rem}.skills-subsections{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.skills-block{flex:1;min-width:300px}.skills-block h2{font-size:1.8rem;border-bottom:2px solid white;padding-bottom:.5rem;margin-bottom:1rem;color:#fff;text-align:left}.skill-item{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:1.2rem 0;padding:1rem 1.5rem;border-radius:8px;transition:background-color .3s ease,transform .3s ease}.skill-item:hover{background-color:#ffffff0d;transform:scale(1.01)}.skill-name{flex:2;text-align:left;font-weight:700;font-size:.9rem;white-space:normal;word-break:break-word}.skill-bar{flex:3;background-color:#f2f2f2;height:8px;border-radius:10px;overflow:hidden;position:relative;margin:0 1rem}.filled{height:100%;background-color:#036;border-radius:8px;transition:width .3s ease}.skill-percent{display:none}.divider{width:2px;background-color:#fff;opacity:.2}.project-card{width:90%;max-width:500px;min-width:300px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;color:#fff;box-shadow:0 8px 20px #0006;transition:transform .3s ease;flex-shrink:0}.project-card h2{text-align:center;font-size:1.5rem;margin-bottom:.8rem}.project-card p{text-align:center;font-size:1rem;color:#ddd;margin-bottom:1rem;line-height:1.4}.project-card.visible{opacity:1;transform:translateY(0)}.project-card:hover{transform:scale(1.03);box-shadow:0 12px 25px #0009}.project-images{display:flex;overflow-x:auto;gap:10px;margin:10px 0;scrollbar-width:none}.project-images::-webkit-scrollbar{display:none}.project-images img{width:100%;border-radius:10px;object-fit:cover}.technologies{margin-top:10px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.tech-icon img{width:28px;height:28px;object-fit:contain;transition:transform .3s ease;filter:brightness(0) invert(1)}.btn-repo{display:inline-block;margin:1.5rem auto 0;padding:10px 20px;border-radius:10px;background:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-decoration:none;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px #0006;text-align:center}.btn-repo:hover{background:#ffffff40;color:#fff;transform:scale(1.05)}.image-container{position:relative;text-align:center;margin:10px 0 20px}.main-image{width:100%;border-radius:10px;object-fit:cover;max-height:250px}.image-controls{margin-top:10px;display:flex;justify-content:center;gap:1.5rem}.image-arrow{background-color:#ffffff1a;border:none;color:#fff;font-size:.5rem;padding:1px 6px;cursor:pointer;border-radius:6px;transition:background .3s ease}.image-arrow:hover{background-color:#ffffff4d}.tech-chip{padding:6px 10px;border-radius:999px;background:#ffffff1f;font-size:.9rem;line-height:1}.project-card p{text-align:left;line-height:1.6;margin:0 0 .5rem}.project-card .project-desc{margin:0;font-size:.95rem;line-height:1.6;color:#ddd;text-align:center;word-break:break-word}.project-card .project-desc.role{color:#ffffffbf}.project-card .project-desc.role em{color:#a78bfa;font-style:normal;font-weight:600}.project-card .project-role{margin:0 0 .75rem;font-size:.95rem;line-height:1.6;color:#c9c9c9;text-align:center;word-break:break-word}.project-card .project-role-label{color:#fff;font-weight:600}.projects-section{min-height:100vh;padding:120px 20px 80px;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:#fff;display:flex;flex-direction:column;align-items:center}@media (max-width: 820px){.projects-section{background-attachment:scroll}}.projects-title{text-align:center;font-size:2.2rem;margin-bottom:1rem}.projects-wrap{width:100%;max-width:1100px;margin:0 auto;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:18px;padding:clamp(12px,2.5vw,24px)}.projects-grid{width:100%;max-width:1200px;margin-inline:auto;padding:0 clamp(12px,3vw,28px);display:grid;gap:clamp(18px,3vw,32px);grid-template-columns:1fr}@media (min-width: 740px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-card{width:100%;max-width:none;padding:18px!important;border-radius:18px!important;box-shadow:0 10px 24px #00000059;border:1px solid rgba(255,255,255,.12)}.project-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #00000073}.project-card h2{font-size:1.35rem;line-height:1.25;margin-bottom:.6rem;text-align:center}.project-card .project-desc{margin:0 0 .6rem;color:#dcdcdc;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.project-card .project-role{color:#fffc}.tech-chip{padding:5px 9px;font-size:.85rem;background:#ffffff1a}.main-image{max-height:220px;border-radius:12px;object-fit:cover}.filter-container{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:2rem}.filter-btn{padding:8px 18px;font-size:.95rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .25s ease-in-out}.filter-btn:hover{background:#fff3;transform:translateY(-2px)}.filter-btn.active{background:#a78bfa66;border-color:#a78bfacc;font-weight:600}:root{--glass: rgba(255,255,255,.08);--ring: rgba(255,255,255,.14);--muted: #cfcfcf}.edu-section{min-height:100vh;padding:100px 20px 60px;background-size:cover;background-position:center;background-attachment:fixed;position:relative;color:#fff}.edu-section:before{content:"";position:absolute;inset:0;z-index:0}.edu-title{position:relative;z-index:1;text-align:center;font-size:clamp(1.8rem,3.5vw,2.6rem);margin-bottom:1rem}.panel{position:relative;z-index:1;margin:1.2rem auto 0;max-width:1200px}.sec-title{text-align:center;margin:.25rem 0 .75rem}.edu-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.edu-card{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--ring);border-radius:16px;padding:1rem;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.edu-card:hover{transform:translateY(-2px);background:#ffffff1a}.edu-card h3{margin:.1rem 0 .2rem}.muted{color:var(--muted);margin:0 0 .4rem}.pill{display:inline-block;font-size:.85rem;color:#fff;border:1px solid var(--ring);border-radius:999px;padding:.18rem .55rem;background:#ffffff0f;margin-bottom:.4rem}.desc{color:var(--muted);margin:0}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.chip{border:1px solid var(--ring);background:#ffffff0f;border-radius:999px;padding:.45rem .7rem;color:#fff}.chip.small{padding:.25rem .5rem;font-size:.85rem}.cert-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.cert-card{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--ring);border-radius:16px;padding:1rem;transition:transform .18s ease,background .18s ease}.cert-card:hover{transform:translateY(-2px);background:#ffffff1a}.cert-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.badge{border:1px solid var(--ring);background:#ffffff0f;border-radius:10px;padding:.2rem .5rem;font-size:.85rem}.date{color:var(--muted);font-size:.85rem}.cert-name{margin:.1rem 0 .4rem}.exp-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cert-btn{display:block;width:fit-content;margin:.8rem auto 0;padding:.35rem .9rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-weight:500;font-size:.85rem;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .25s ease}.cert-btn:hover{background:#ffffff40;transform:scale(1.05);color:#fff}.cert-btn:active,.cert-btn:focus,.cert-btn:visited{color:#fff;outline:none}@media (max-width: 820px){.edu-section{background-attachment:scroll}}.academic-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;min-width:300px;max-width:500px;color:#fff;box-shadow:0 8px 20px #0006;transition:transform .3s ease,box-shadow .3s ease;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.academic-card:hover{transform:scale(1.03);box-shadow:0 12px 25px #0009}.academic-card h2{text-align:center;margin-bottom:.5rem}.academic-card h4{text-align:center;font-weight:400;margin-bottom:.3rem}.date-range{text-align:center;font-size:.9rem;color:#ccc;margin-bottom:1rem}.card-details{width:100%;margin-top:.75rem}.card-details p{margin:0;font-size:.95rem;line-height:1.6;color:#ddd;text-align:center;word-break:break-word}.btn-repo{display:inline-block;margin-top:15px;background:#ffffff14;color:#fff;padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:700;transition:background .3s ease}.btn-repo:hover{background:#ffffff4d}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;font-family:Arial,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{overflow-x:hidden}