*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-dark: #0A0A0A;--color-text-primary: #FFFFFF;--color-text-muted: #71717A;--color-accent-purple: #A855F7;--color-accent-cyan: #06B6D4;--color-accent-pink: #EC4899;--color-surface-card: #181818;--color-card-bg: #111111;--color-border-subtle: #1A1A1A;--color-open-to-work-bg: #0D3320;--color-open-to-work-dot: #22C55E}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--color-bg-dark);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Geist Sans,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}ul{list-style:none}.nav{position:sticky;top:0;z-index:100;height:64px;padding:0 120px;display:flex;justify-content:space-between;align-items:center;background:#0a0a0ae6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav__logo{font-family:Geist Sans,sans-serif;font-size:20px;font-weight:700;color:var(--color-text-primary)}.nav__links{display:flex;gap:32px;list-style:none}.nav__link{font-family:Geist Sans,sans-serif;font-size:14px;color:var(--color-text-muted);transition:color .3s ease}.nav__link:hover{color:var(--color-text-primary)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.hero{display:flex;flex-direction:column;align-items:center;padding:100px 120px 80px;background:var(--color-bg-dark);text-align:center}.hero__photo{width:160px;height:160px;border-radius:50%;border:3px solid var(--color-accent-purple);display:flex;align-items:center;justify-content:center;margin-bottom:24px;background:linear-gradient(135deg,var(--color-surface-card),var(--color-card-bg));font-family:Geist Sans,sans-serif;font-size:48px;font-weight:700;color:var(--color-accent-purple)}.hero__badge{display:inline-flex;align-items:center;gap:8px;background:var(--color-open-to-work-bg);padding:6px 16px;border-radius:20px;font-family:Inter,sans-serif;font-size:13px;color:var(--color-open-to-work-dot);margin-bottom:32px}.hero__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--color-open-to-work-dot);animation:pulse 2s ease-in-out infinite}.hero__headline{font-family:Geist Sans,sans-serif;font-size:48px;font-weight:700;color:var(--color-text-primary);max-width:800px;margin-bottom:16px;line-height:1.2}.hero__subtitle{font-family:Inter,sans-serif;font-size:18px;color:var(--color-text-muted);max-width:640px;line-height:1.6;margin-bottom:40px}.hero__actions{display:flex;gap:16px}.hero__btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:8px;font-family:Geist Sans,sans-serif;font-size:15px;font-weight:600;background:var(--color-accent-purple);color:var(--color-text-primary);transition:all .2s ease}.hero__btn-primary:hover{filter:brightness(1.15);transform:scale(1.02)}.hero__btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:8px;font-family:Geist Sans,sans-serif;font-size:15px;font-weight:600;background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-subtle);transition:all .2s ease}.hero__btn-outline:hover{border-color:var(--color-text-muted);background:#ffffff08}.projects-section{background-color:var(--color-bg-dark);padding:80px 120px}.projects-heading{font-family:Geist,sans-serif;font-size:36px;font-weight:700;color:var(--color-text-primary);text-align:center;margin-bottom:12px}.projects-subtitle{font-family:Inter,sans-serif;font-size:16px;color:var(--color-text-muted);text-align:center;max-width:600px;margin:0 auto 48px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.project-card{background-color:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:8px;padding:24px;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-4px);border-color:var(--color-accent-purple)}.project-icon{font-size:32px;display:block;margin-bottom:16px}.project-name{font-family:Geist,sans-serif;font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.project-description{font-family:Inter,sans-serif;font-size:14px;color:var(--color-text-muted);line-height:1.5;margin-bottom:16px}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tag{font-family:IBM Plex Mono,monospace;font-size:11px;padding:4px 10px;border-radius:4px;background-color:var(--color-card-bg);color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.project-link-row{margin-top:16px}.project-link{font-family:Geist,sans-serif;font-size:13px;color:var(--color-accent-purple);text-decoration:none}.project-link:hover{text-decoration:underline}.about-section{background-color:var(--color-bg-dark);padding:80px 120px;display:flex;flex-direction:column;align-items:center}.about-heading{font-family:Geist,sans-serif;font-size:36px;font-weight:700;color:var(--color-text-primary);text-align:center;margin-bottom:24px}.about-bio{font-family:Inter,sans-serif;font-size:16px;color:var(--color-text-muted);max-width:640px;text-align:center;line-height:1.7;margin-bottom:48px}.about-tech-heading{font-family:Geist,sans-serif;font-size:24px;font-weight:600;color:var(--color-text-primary);text-align:center;margin-bottom:24px}.about-skills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:800px}.about-skill-badge{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--color-text-muted);background-color:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:6px;padding:8px 16px;transition:border-color .2s,color .2s}.about-skill-badge:hover{border-color:var(--color-accent-purple);color:var(--color-text-primary)}.contact{background-color:var(--color-bg-dark);padding:80px 120px;display:flex;flex-direction:column;align-items:center;text-align:center}.contact__heading{font-family:Geist,sans-serif;font-size:36px;font-weight:700;color:var(--color-text-primary);margin-bottom:16px}.contact__subtitle{font-family:Inter,sans-serif;font-size:16px;color:var(--color-text-muted);max-width:500px;line-height:1.6;margin-bottom:40px}.contact__socials{display:flex;gap:24px;justify-content:center}.contact__social-link{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:12px;color:var(--color-text-muted);transition:border-color .2s ease,transform .2s ease;text-decoration:none}.contact__social-link:hover{border-color:var(--color-accent-purple);transform:translateY(-2px);color:var(--color-text-primary)}.contact__divider{width:100%;max-width:1200px;height:1px;background-color:var(--color-border-subtle);margin-top:80px}.footer{background-color:var(--color-bg-dark);padding:32px 120px;display:flex;flex-direction:column;align-items:center;gap:8px}.footer__copyright{font-family:Inter,sans-serif;font-size:14px;color:var(--color-text-muted);text-align:center}.footer__built-with{font-family:Inter,sans-serif;font-size:13px;color:#52525b;text-align:center}