*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}button{cursor:pointer;font-family:inherit}:root{--bg:#0d1117;--bg-elevated:#161b22;--border:#21262d;--text-primary:#e6edf3;--text-secondary:#9aa4b2;--text-muted:#6e7681;--accent:#4f8cff;--accent-bg:#4f8cff1f;--accent-border:#4f8cff66;--accent-hover:#6ea0ff;--font-heading:"Space Grotesk", "Inter", sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.5rem;--text-3xl:3.5rem;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--space-7:96px;--max-width:1100px;--radius:8px;--radius-lg:16px}.glass-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.text-gradient{background:linear-gradient(90deg, var(--accent), var(--accent-hover));color:#0000;-webkit-background-clip:text;background-clip:text}.tag{font-size:var(--text-xs);background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);border-radius:999px;align-items:center;padding:4px 10px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius);font-weight:600;font-size:var(--text-sm);border:none;padding:10px 24px;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.section-heading{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);text-align:center;margin-bottom:var(--space-1);font-weight:700}.section-subheading{text-align:center;color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-5)}.header{z-index:50;position:sticky;top:0}.header-inner{padding:var(--space-2) var(--space-4);max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{align-items:center;gap:var(--space-1);display:flex}.logo-text{font-family:var(--font-heading);font-size:var(--text-lg);letter-spacing:-.04em;color:var(--text-primary);font-weight:700}.logo-tag{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.nav{gap:var(--space-4);align-items:center;display:flex}.nav-link{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.btn-resume{font-size:var(--text-sm);padding:8px 20px}.mobile-toggle{font-size:var(--text-xl);color:var(--text-primary);background:0 0;border:none;display:none}.mobile-overlay{z-index:90;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.mobile-overlay.open{opacity:1;pointer-events:auto}.mobile-menu{background:var(--bg-elevated);border-left:1px solid var(--border);width:65%;max-width:160px;height:100vh;padding:var(--space-4) var(--space-3);gap:var(--space-3);z-index:100;flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.mobile-menu.open{transform:translate(0)}.mobile-menu-close{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2);background:0 0;border:none;align-self:flex-end}.mobile-menu .nav-link{font-size:var(--text-lg);padding:var(--space-1) 0;border-bottom:1px solid var(--border)}.hero{max-width:var(--max-width);padding:var(--space-7) var(--space-4) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-5);margin:0 auto;display:flex}.hero-content{flex:1;max-width:560px}.hero-eyebrow{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);margin-bottom:var(--space-3);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.hero-title{font-family:var(--font-heading);font-size:var(--text-3xl);letter-spacing:-.04em;color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700;line-height:1.1}.hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.6}.hero-actions{gap:var(--space-2);align-items:center;display:flex}.btn-secondary{font-size:var(--text-sm);border-radius:var(--radius);border:1px solid var(--border);color:var(--text-primary);background:0 0;padding:8px 20px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s}.btn-secondary:hover{border-color:var(--accent-border);background:var(--accent-bg)}.hero-image-wrap{flex-shrink:0;width:320px;height:320px;position:relative}.hero-image{object-fit:cover;object-position:top center;border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;height:100%}.base,.framework,.vite{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:flex;position:absolute;box-shadow:0 8px 24px #00000059}.base{top:-16px;left:-30px}.framework{top:40%;right:-40px}.vite{bottom:-16px;left:20px}.hero-eyebrow-under{white-space:nowrap;position:absolute;bottom:-80px;left:50%;transform:translate(-50%)}.skills{max-width:var(--max-width);padding:var(--space-6) var(--space-4);margin:0 auto}.skills-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.skill-card{padding:var(--space-3);text-align:center;border-radius:var(--radius-lg)}.skill-icon{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.skill-name{color:var(--text-primary);margin-bottom:4px;font-weight:600}.skill-level{font-size:var(--text-xs);color:var(--text-secondary)}.projects{max-width:var(--max-width);padding:var(--space-6) var(--space-4);margin:0 auto}.projects-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.project-card{border-radius:var(--radius-lg);transition:border-color .2s,transform .2s;overflow:hidden}.project-card:hover{border-color:var(--accent-border);transform:translateY(-4px)}.project-image{object-fit:cover;border-bottom:1px solid var(--border);width:100%;height:180px}.project-body{padding:var(--space-3)}.project-title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:6px;font-weight:700}.project-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.5}.project-tags{margin-bottom:var(--space-2);flex-wrap:wrap;gap:6px;display:flex}.project-links{gap:var(--space-2);display:flex}.project-link{font-size:var(--text-sm);color:var(--accent);font-weight:600;text-decoration:none}.project-link:hover{color:var(--accent-hover)}.contact{max-width:700px;padding:var(--space-6) var(--space-4);text-align:center;margin:0 auto}.contact-form{gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);text-align:left;flex-direction:column;display:flex}.form-row{gap:var(--space-2);display:flex}.form-row .form-group{flex:1}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.form-group input,.form-group textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-base);color:var(--text-primary);font-family:var(--font-body);padding:10px 14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);outline:none}.contact-socials{justify-content:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.social-link{border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:border-color .2s,color .2s;display:flex}.social-link:hover{border-color:var(--accent-border);color:var(--accent)}.footer{border-top:1px solid var(--border);padding:var(--space-3) var(--space-4);margin-top:var(--space-6)}.footer-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-text{font-size:var(--text-sm);color:var(--text-muted)}.footer-links{gap:var(--space-3);display:flex}.footer-links a{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none}.footer-links a:hover{color:var(--accent)}@media (width<=768px){.nav{display:none}.mobile-toggle{display:block}.hero{text-align:center;padding:var(--space-5) var(--space-3);flex-direction:column-reverse}.hero-actions{justify-content:center}.hero-image-wrap{width:220px;height:220px}.base,.framework,.vite{display:none}.form-row{flex-direction:column}.footer-inner{gap:var(--space-2);text-align:center;flex-direction:column}}