:root{--bg:#050505;--surface:#ffffff09;--surface2:#ffffff0f;--text:#ededed;--text-muted:#a1a1a1;--text-faint:#6e6e6e;--ring:#ffffff17;--glass-border:#ffffff1a;--radius-sm:8px;--radius-md:14px;--radius-lg:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--bg);margin:0}body{color:var(--text);font-feature-settings:"liga" 1;font-family:Geist,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.mono{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace}a{color:inherit;text-decoration:none}::selection{background:#fff3}.wrap{z-index:1;max-width:1080px;margin:0 auto;padding:0 24px;position:relative}section{padding:88px 0}@media (width<=700px){section{padding:56px 0}}.glass{background:var(--surface);-webkit-backdrop-filter:blur(22px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0a}.glass:hover{background:var(--surface2);border-color:#ffffff29;transition:all .25s}.nav{z-index:50;-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-border);background:#0a0a0a8c;border-radius:9999px;align-items:center;gap:14px;max-width:1080px;margin:16px auto 0;padding:14px 24px;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #0006}.nav .brand{letter-spacing:-.3px;align-items:center;gap:9px;font-size:15px;font-weight:600;display:flex}.nav .brand .mark{background:var(--text);width:28px;height:28px;color:var(--bg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-family:Geist Mono;font-size:12px;display:flex}.nav .spacer{flex:1}.nav .links{color:var(--text-muted);gap:22px;font-size:13.5px;display:flex}.nav .links a:hover{color:var(--text)}@media (width<=680px){.nav .links{display:none}}.pill-btn{cursor:pointer;color:var(--text);border:1px solid var(--glass-border);background:0 0;border-radius:9999px;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:500;transition:all .2s;display:inline-flex}.pill-btn:hover{background:#ffffff14;border-color:#ffffff38}.pill-btn.primary{background:var(--text);color:#060606;border:none}.pill-btn.primary:hover{background:#d4d4d4}.hero{text-align:center;padding:120px 0 80px}.hero .eyebrow{color:var(--text-muted);border-radius:9999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 14px;font-size:12.5px;display:inline-flex}.hero .eyebrow .dot{background:#fff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #fffc}.hero h1{letter-spacing:-2.8px;margin:0 0 22px;font-size:clamp(44px,7.5vw,76px);font-weight:600;line-height:1.02}.hero h1 .name-highlight{letter-spacing:-.01em;color:var(--text);margin-bottom:14px;font-size:.5em;font-weight:700;display:block}.hero .tagline{color:var(--text-muted);max-width:620px;margin:0 auto 34px;font-size:clamp(17px,2.4vw,21px);line-height:1.6}.hero .cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.social-row{justify-content:center;gap:16px;display:flex}.social-row a{width:42px;height:42px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-row a:hover{color:var(--text)}.social-row svg{width:19px;height:19px}.sec-head{margin-bottom:36px}.sec-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:10px;font-size:12px;font-weight:600}.sec-head h2{letter-spacing:-1px;margin:0;font-size:clamp(26px,4vw,36px);font-weight:600}.about-card{color:#d4d4d4;padding:36px;font-size:16px;line-height:1.75}.about-card p{margin:0 0 18px}.about-card p:last-child{margin-bottom:0}.skills-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=800px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.skills-grid{grid-template-columns:1fr}}.skill-card{padding:22px}.skill-card h3{color:var(--text-muted);margin:0 0 14px;font-size:14px;font-weight:500}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.tag{border:1px solid var(--glass-border);color:var(--text);background:#ffffff0f;border-radius:9999px;padding:5px 11px;font-size:12.5px}.proj-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=760px){.proj-grid{grid-template-columns:1fr}}.proj-card{flex-direction:column;height:100%;padding:28px;display:flex}.proj-card .proj-top{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.proj-card h3{letter-spacing:-.3px;margin:0;font-size:19px;font-weight:600}.proj-card .proj-date{color:var(--text-faint);white-space:nowrap;margin-left:12px;font-family:Geist Mono;font-size:12px}.proj-card .proj-subtitle{color:var(--text-faint);font-size:13px}.proj-card ul{color:#c9c9c9;margin:12px 0 16px;padding-left:18px;font-size:14px;line-height:1.6}.proj-card ul li{margin-bottom:6px}.proj-card .tag-row{margin-top:auto}.timeline{padding-left:28px;position:relative}.timeline:before{content:"";background:#ffffff26;width:2px;position:absolute;top:6px;bottom:6px;left:5px}.tl-item{margin-bottom:30px;position:relative}.tl-item:last-child{margin-bottom:0}.tl-item:before{content:"";background:var(--bg);border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;top:4px;left:-28px}.tl-item h3{margin:0 0 2px;font-size:16.5px;font-weight:600}.tl-item .tl-meta{color:var(--text-faint);margin-bottom:8px;font-family:Geist Mono;font-size:12.5px}.tl-item p{color:#c9c9c9;margin:0;font-size:14.5px;line-height:1.6}.two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=760px){.two-col{grid-template-columns:1fr}}.info-card{padding:28px}.info-card h3{margin:0 0 6px;font-size:17px;font-weight:600}.info-card .meta{color:var(--text-faint);margin-bottom:12px;font-size:13px}.info-card .cgpa{color:var(--text);margin-top:10px;font-family:Geist Mono;font-size:13px;display:inline-block}.cert-row{align-items:flex-start;gap:14px;display:flex}.cert-badge{background:#ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.contact-card{text-align:center;padding:48px}.contact-card h2{letter-spacing:-1px;margin:0 0 14px;font-size:clamp(26px,4vw,34px);font-weight:600}.contact-card p{color:var(--text-muted);margin-bottom:28px;font-size:15.5px}.contact-socials{margin-top:28px}footer{text-align:center;color:var(--text-faint);padding:36px 0 56px;font-size:13px}footer a{color:var(--text-muted)}footer a:hover{color:var(--text)}
