*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d0d;--surface:#141414;--border:#222;--accent:#00ff9d;--accent-glow:#00ff9d33;--text:#e8e8e8;--text-muted:#888;--font:"Inter", system-ui, sans-serif}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}section{border-bottom:1px solid var(--border);max-width:900px;margin:0 auto;padding:80px 24px}h2{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:40px;font-size:1.1rem;font-weight:600}#navbar{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0d0dd9;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:16px 24px;display:flex;position:sticky;top:0}.nav-logo{color:var(--accent);letter-spacing:.05em;font-size:1rem;font-weight:700}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--text-muted);font-size:.85rem;transition:color .2s}.nav-links a:hover{color:var(--accent)}#hero{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:48px;min-height:100vh;display:flex}.hero-text{flex-direction:column;flex:1;gap:20px;display:flex}.hero-text h1{letter-spacing:-.02em;background:linear-gradient(90deg, var(--text) 60%, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;line-height:1.1}.hero-handles{gap:12px;display:flex}.hero-handles a{border:1px solid var(--border);color:var(--text-muted);border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-size:.85rem;transition:border-color .2s,color .2s;display:inline-flex}.hero-handles a:hover{border-color:var(--accent);color:var(--accent)}.hero-role{color:var(--text-muted);letter-spacing:.04em;font-size:1rem}.resume-btn{background:var(--accent);color:#000;border-radius:6px;width:fit-content;padding:10px 24px;font-size:.9rem;font-weight:600;transition:box-shadow .2s,opacity .2s;display:inline-block}.resume-btn:hover{opacity:.9;box-shadow:0 0 16px var(--accent-glow)}.hero-image img{object-fit:cover;border:2px solid var(--border);filter:grayscale(10%);border-radius:50%;flex-shrink:0;width:350px;height:350px}.github-stats{border-top:1px solid var(--border);margin-top:8px;padding-top:20px}.stats-label{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;font-family:monospace;font-size:.7rem}.stats-row{gap:32px;display:flex}.stat-item{flex-direction:column;gap:4px;transition:opacity .5s,transform .5s;display:flex}.stat-hidden{opacity:0;transform:translateY(12px)}.stat-visible{opacity:1;transform:translateY(0)}.stat-value{color:var(--accent);font-size:1.8rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);font-size:.78rem}.stat-skeleton-item{flex-direction:column;gap:6px;display:flex}.stat-skeleton-value{background:var(--surface);border-radius:4px;width:56px;height:28px;animation:1.5s ease-in-out infinite pulse}.stat-skeleton-label{background:var(--surface);border-radius:4px;width:72px;height:12px;animation:1.5s ease-in-out .2s infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}#about p{color:var(--text-muted);white-space:pre-line;max-width:680px;font-size:.97rem;line-height:1.85}.skills-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.skill-group{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px 24px;transition:border-color .2s,box-shadow .2s}.skill-group:hover{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.skill-group h3{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:.8rem;font-weight:600}.skill-group p{color:var(--text-muted);font-size:.92rem}#contact{border-bottom:none}.contact-links{flex-wrap:wrap;gap:16px;display:flex}.contact-links a{border:1px solid var(--border);color:var(--text-muted);border-radius:6px;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;transition:border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.contact-links a:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}@media (width<=768px){section{padding:60px 20px}#hero{gap:32px}.hero-text h1{font-size:2.4rem}.hero-image img{width:260px;height:260px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stat-value{font-size:1.5rem}}@media (width<=480px){#navbar{padding:14px 16px}.nav-links{gap:16px}section{padding:48px 16px}#hero{min-height:unset;text-align:center;flex-direction:column-reverse;align-items:center;padding-top:48px}.hero-text{align-items:center}.hero-text h1{font-size:2rem}.hero-handles{justify-content:center}.hero-image img{width:180px;height:180px}.stats-row{justify-content:center;gap:20px}.resume-btn{text-align:center;width:100%}.skills-grid{grid-template-columns:1fr;gap:12px}.contact-links{flex-direction:column}.contact-links a{justify-content:center}h2{margin-bottom:28px;font-size:.95rem}}@media (width<=360px){.hero-text h1{font-size:1.7rem}.hero-image img{width:140px;height:140px}.stat-value{font-size:1.3rem}.nav-links{gap:12px;font-size:.78rem}}@media (width>=1200px){section,#navbar{max-width:1000px}.hero-text h1{font-size:3.5rem}.hero-image img{width:380px;height:380px}}