.nav{padding:.75rem 0;position:fixed;top:0;left:0;right:0;background:#000c;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);z-index:100;border-bottom:1px solid rgba(255,255,255,.08)}.nav__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--space-md)}.nav__logo{font-weight:600;font-size:1rem;color:#f5f5f7;letter-spacing:.02em}.nav__logo:hover{color:#fff}.nav__links{display:flex;gap:1.75rem}.nav__links a{font-size:.8rem;color:#f5f5f7a6;transition:color var(--duration) var(--ease-out)}.nav__links a:hover{color:#fff}@media(max-width:640px){.nav__inner{padding:0 var(--space-sm)}.nav__links{gap:1rem}.nav__links a{font-size:.75rem}}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__content{flex:1;padding-top:var(--nav-height)}.layout__footer{padding:var(--space-sm) 0;background:var(--color-dark-bg);color:var(--color-dark-text-secondary);font-size:.75rem;text-align:center;border-top:1px solid rgba(255,255,255,.06)}.home__hero{background:var(--color-dark-bg);color:var(--color-dark-text);text-align:center;padding:var(--space-2xl) var(--space-md);margin-top:calc(-1 * var(--nav-height));padding-top:calc(var(--space-2xl) + var(--nav-height));min-height:100vh;display:flex;align-items:center;justify-content:center}.home__hero-inner{max-width:680px}.home__label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:var(--space-sm);animation:revealUp .8s var(--ease-spring) .1s both}.home__name{font-size:clamp(3rem,8vw,5.5rem);font-weight:700;letter-spacing:-.04em;line-height:1;background:linear-gradient(180deg,#fff,#86868b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:revealUp .8s var(--ease-spring) .2s both}.home__tagline{font-size:1.2rem;color:var(--color-dark-text-secondary);margin-top:var(--space-md);line-height:1.5;animation:revealUp .8s var(--ease-spring) .3s both}.home__cta{display:flex;gap:.75rem;justify-content:center;margin-top:var(--space-md);animation:revealUp .8s var(--ease-spring) .4s both}.home__btn{display:inline-block;padding:.8rem 1.75rem;border-radius:980px;font-size:.9rem;font-weight:500;transition:all var(--duration) var(--ease-out)}.home__btn--primary{background:var(--color-accent);color:#fff}.home__btn--primary:hover{background:var(--color-accent-hover);color:#fff;transform:scale(1.04)}.home__btn--ghost{background:transparent;color:var(--color-accent);border:1px solid rgba(255,255,255,.2)}.home__btn--ghost:hover{background:#ffffff14;color:var(--color-accent-hover)}.home__hero-social{display:flex;gap:1.5rem;justify-content:center;margin-top:var(--space-lg);animation:revealUp .8s var(--ease-spring) .5s both}.home__hero-social a{color:var(--color-dark-text-secondary);transition:color var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.home__hero-social a:hover{color:#fff;transform:scale(1.15)}.home__skills{padding:var(--space-xl) 0;background:var(--color-dark-bg-elevated);color:var(--color-dark-text)}.home__skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.home__skill-card{padding:var(--space-sm) 0}.home__skill-number{display:block;font-size:.75rem;font-weight:600;color:var(--color-accent);letter-spacing:.1em;margin-bottom:var(--space-sm)}.home__skill-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--color-dark-text)}.home__skill-card p{color:var(--color-dark-text-secondary);font-size:.9rem;line-height:1.55}.home__projects{padding:var(--space-xl) 0}.home__section-title{font-size:1.75rem;font-weight:600;letter-spacing:-.025em}.home__section-desc{color:var(--color-text-secondary);font-size:.95rem;margin-top:.25rem;margin-bottom:var(--space-md)}.home__project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.home__project-card{display:flex;flex-direction:column;padding:1.5rem;border-radius:20px;color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border-light);transition:all var(--duration) var(--ease-spring)}.home__project-card:hover{border-color:var(--color-accent);color:var(--color-text);transform:translateY(-4px)}.home__project-tag{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-success);margin-bottom:.75rem}.home__project-card h3{font-size:1.15rem;font-weight:600;letter-spacing:-.01em}.home__project-card p{color:var(--color-text-secondary);margin-top:var(--space-xs);font-size:.875rem;line-height:1.55;flex:1}.home__project-tech{display:block;font-size:.75rem;color:var(--color-text-secondary);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border-light)}.home__posts{padding:var(--space-xl) 0;background:var(--color-bg-secondary)}.home__post-list{display:flex;flex-direction:column;gap:.75rem}.home__post-card{display:block;padding:1.25rem 1.5rem;border-radius:16px;color:var(--color-text);background:var(--color-bg-elevated);transition:all var(--duration) var(--ease-spring)}.home__post-card:hover{box-shadow:0 4px 20px #0000000f;color:var(--color-text);transform:translateY(-1px)}.home__post-card time{display:block;font-size:.75rem;color:var(--color-text-secondary);letter-spacing:.02em}.home__post-card h3{font-size:1.05rem;font-weight:600;margin-top:.25rem}.home__post-card p{color:var(--color-text-secondary);margin-top:.25rem;font-size:.875rem}.home__connect{padding:var(--space-xl) 0;text-align:center;background:var(--color-dark-bg);color:var(--color-dark-text)}.home__connect h2{font-size:2rem;font-weight:600;letter-spacing:-.02em}.home__connect p{color:var(--color-dark-text-secondary);margin-top:.5rem;font-size:1rem}.home__connect-links{display:flex;gap:var(--space-lg);justify-content:center;margin-top:var(--space-md)}.home__connect-link{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-dark-text-secondary);font-size:.85rem;transition:color var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.home__connect-link:hover{color:#fff;transform:translateY(-2px)}.home__view-all{display:inline-block;margin-top:var(--space-md);font-size:.9rem;font-weight:500}@media(max-width:640px){.home__hero{min-height:70vh;padding:var(--space-xl) var(--space-sm)}.home__tagline{font-size:1rem}.home__cta{flex-direction:column;align-items:center}.home__skills-grid{grid-template-columns:1fr;gap:var(--space-md)}.home__project-grid{grid-template-columns:1fr}.home__connect-links{gap:var(--space-md)}}:root{--color-text: #1d1d1f;--color-text-secondary: #86868b;--color-bg: #fbfbfd;--color-bg-secondary: #f5f5f7;--color-bg-elevated: #ffffff;--color-accent: #2997ff;--color-accent-hover: #4db3ff;--color-border: #d2d2d7;--color-border-light: rgba(0, 0, 0, .06);--color-error: #ff3b30;--color-success: #34c759;--color-focus-ring: rgba(41, 151, 255, .2);--color-dark-bg: #000000;--color-dark-bg-elevated: #1c1c1e;--color-dark-text: #f5f5f7;--color-dark-text-secondary: #86868b;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, monospace;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 6rem;--space-2xl: 10rem;--nav-height: 52px;--max-width: 720px;--max-width-wide: 980px;--ease-out: cubic-bezier(.25, .1, .25, 1);--ease-spring: cubic-bezier(.22, 1, .36, 1);--duration: .3s}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.47}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration) var(--ease-out)}a:hover{color:var(--color-accent-hover)}::selection{background:#2997ff33}@keyframes revealUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:revealUp .8s var(--ease-spring) both}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.container--wide{max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--space-md)}.page-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}.page-intro{color:var(--color-text-secondary);font-size:1.1rem;margin-top:var(--space-xs);margin-bottom:var(--space-lg);line-height:1.5}@media(prefers-color-scheme:dark){:root{--color-text: #f5f5f7;--color-text-secondary: #86868b;--color-bg: #000000;--color-bg-secondary: #1c1c1e;--color-bg-elevated: #2c2c2e;--color-border: #38383a;--color-border-light: rgba(255, 255, 255, .08);--color-focus-ring: rgba(41, 151, 255, .35)}::selection{background:#2997ff59}}@media(max-width:640px){:root{--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem}.container,.container--wide{padding:0 var(--space-sm)}.page-title{font-size:1.75rem}}