:root{--bg: #000000;--bg-elevated: #0d0d0f;--surface: rgba(255, 255, 255, .045);--surface-hover: rgba(255, 255, 255, .075);--separator: rgba(255, 255, 255, .1);--label: #f5f5f7;--label-secondary: rgba(235, 235, 245, .64);--label-tertiary: rgba(235, 235, 245, .38);--accent: #2997ff;--accent-hover: #4aa8ff;--accent-fill: #0071e3;--accent-fill-hover: #0077ed;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--ease: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(.2, .8, .2, 1);--nav-height: 52px;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Fira Code", Menlo, monospace;font-family:var(--font-sans);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--label);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{min-height:100vh;background:var(--bg);overflow-x:hidden}#root,.app{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.navigation{position:fixed;inset:0 0 auto;z-index:1000;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:0 max(1.5rem,calc((100vw - 1080px)/2));background:#161617b8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--separator)}.nav-brand a{font-family:var(--font-display);font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;color:var(--label);white-space:nowrap}.nav-links{display:flex;gap:1.75rem;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-link{font-size:.8125rem;font-weight:400;letter-spacing:.01em;color:var(--label-secondary);white-space:nowrap;transition:color .2s var(--ease)}.nav-link:hover,.nav-link--active{color:var(--label)}.nav-toggle{display:none;place-items:center;width:44px;height:44px;margin-right:-.75rem;font-size:1.0625rem;color:var(--label)}.main-content{padding-top:var(--nav-height)}.section{padding:clamp(5rem,11vw,8.5rem) 1.5rem}.section--alt{background:var(--bg-elevated)}.section-container{max-width:1080px;margin:0 auto}.section-header{text-align:center;margin-bottom:clamp(2.5rem,6vw,4rem)}.section-eyebrow{font-size:1.0625rem;font-weight:600;color:var(--accent);margin-bottom:.5rem}.section-title{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;line-height:1.07;letter-spacing:-.025em;color:var(--label)}.section-lede{max-width:34rem;margin:1rem auto 0;font-size:1.1875rem;line-height:1.5;color:var(--label-secondary)}.hero-section{min-height:calc(100svh - var(--nav-height));display:flex;align-items:center;justify-content:center;padding:4rem 1.5rem;background:radial-gradient(60% 50% at 50% 35%,rgba(41,151,255,.12),transparent 70%),var(--bg)}.header{display:flex;flex-direction:column;align-items:center;text-align:center}.profile-container{width:148px;height:148px;border-radius:50%;margin-bottom:2rem;padding:4px;background:linear-gradient(180deg,#ffffff38,#ffffff0a);box-shadow:0 20px 50px #00000080}.profile-container img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.name h1{font-family:var(--font-display);font-size:clamp(3rem,9vw,5rem);font-weight:700;line-height:1.05;letter-spacing:-.035em;color:var(--label)}.name h2{margin-top:.75rem;font-size:clamp(1.1875rem,2.4vw,1.5rem);font-weight:400;line-height:1.35;letter-spacing:-.01em;color:var(--label-secondary)}.contacts{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;margin-top:2.5rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;border-radius:980px;background:var(--accent-fill);color:#fff;font-size:1.0625rem;font-weight:500;transition:background-color .2s var(--ease)}.btn-primary:hover{background:var(--accent-fill-hover);color:#fff}.btn-link{display:inline-flex;align-items:center;gap:.375rem;min-height:44px;font-size:1.0625rem;color:var(--accent);transition:color .2s var(--ease)}.btn-link:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:3px}.btn-link .chevron{font-size:.75em;transition:transform .2s var(--ease)}.btn-link:hover .chevron{transform:translate(2px)}.main{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.about,.interests{height:100%;padding:clamp(1.75rem,4vw,2.5rem);background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius-lg)}.about h3,.interests h3{font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.015em;color:var(--label);margin-bottom:1rem}.about p,.interests p{font-size:1.0625rem;line-height:1.6;color:var(--label-secondary)}.about p+p,.interests p+p{margin-top:1rem}.highlight{color:var(--label);font-weight:600}.tech-stack-container{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.tech-skill{flex:0 1 168px;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.125rem;background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;color:var(--label);transition:background-color .2s var(--ease)}.tech-skill:hover{background:var(--surface-hover)}.tech-skill svg{flex-shrink:0;font-size:1.25rem}.tech-skill .react-icon{color:#61dafb}.tech-skill .typescript-icon{color:#3178c6}.tech-skill .nodejs-icon{color:#5fa04e}.tech-skill .python-icon{color:#4b8bbe}.tech-skill .docker-icon{color:#2496ed}.tech-skill .aws-icon{color:#f90}.tech-skill .graphql-icon{color:#e10098}.tech-skill .postgresql-icon{color:#5b8fc7}.tech-skill .redis-icon{color:#ff4438}.tech-skill .kubernetes-icon{color:#326ce5}.tech-skill .nextjs-icon{color:#fff}.tech-skill .tailwind-icon{color:#06b6d4}.tech-skill .java-icon{color:#ed8b00}.tech-skill .gcp-icon{color:#4285f4}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.project-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius-lg);overflow:hidden;transition:background-color .3s var(--ease)}.project-card:hover{background:var(--surface-hover)}.project-media{display:block;aspect-ratio:5 / 3;overflow:hidden;border-bottom:1px solid var(--separator);background:#111}.project-screenshot{width:100%;height:100%;object-fit:cover;object-position:left top;display:block;transition:transform .6s var(--ease-out)}.project-card:hover .project-screenshot{transform:scale(1.025)}.project-body{display:flex;flex-direction:column;gap:.5rem;flex:1;padding:1.75rem 2rem 1.5rem}.project-card h3{font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.015em;color:var(--label)}.project-card p{flex:1;font-size:1.0625rem;line-height:1.55;color:var(--label-secondary)}.project-link{align-self:flex-start;margin-top:.5rem}.project-card--wide{grid-column:1 / -1;flex-direction:row;align-items:center}.project-card--wide .project-body{padding:2rem}.project-card--featured{align-items:stretch;border-color:#2997ff59;background:radial-gradient(120% 140% at 100% 0%,rgba(41,151,255,.14),transparent 60%),var(--surface)}.project-card--featured:hover{background:radial-gradient(120% 140% at 100% 0%,rgba(41,151,255,.2),transparent 60%),var(--surface-hover)}.project-card .project-eyebrow{flex:none;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;list-style:none}.project-tags li{padding:.3rem .75rem;border:1px solid var(--separator);border-radius:999px;font-size:.8125rem;color:var(--label-secondary)}.project-stats{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:1.25rem;padding:2rem 2.5rem;border-left:1px solid var(--separator)}.project-stats-list{display:flex;align-items:center;gap:2.5rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.project-card .project-live{flex:none;display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--label-secondary);opacity:0;transition:opacity .6s var(--ease)}.project-card .project-live.is-live{opacity:1}.project-live-dot{position:relative;width:8px;height:8px;border-radius:50%;background:#30d158}.project-live.is-live .project-live-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:#30d158;animation:livePulse 1.8s var(--ease-out) infinite}@keyframes livePulse{0%{transform:scale(1);opacity:.7}to{transform:scale(3.2);opacity:0}}.project-stat{display:flex;flex-direction:column;gap:.25rem}.project-stat dd{font-variant-numeric:tabular-nums;font-family:var(--font-display);font-size:3rem;font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--label)}.project-stat dt{font-size:.875rem;color:var(--label-secondary);white-space:nowrap}.project-stat dt i{margin-right:.25rem;color:var(--accent)}.contact-actions{display:flex;justify-content:center}.footer{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem}.social-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--surface);border:1px solid var(--separator);color:var(--label-secondary);font-size:1.25rem;transition:background-color .2s var(--ease),color .2s var(--ease)}.social-icon:hover{background:var(--surface-hover);color:var(--label)}.site-footer{padding:1.5rem;border-top:1px solid var(--separator);text-align:center;font-size:.75rem;color:var(--label-tertiary)}.music-player{position:fixed;z-index:1000;display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem .375rem .375rem;background:#1e1e20b8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--separator);border-radius:980px;box-shadow:0 10px 30px #0006;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.music-player:active{cursor:grabbing}.music-controls,.volume-control{display:flex;align-items:center;gap:.25rem}.play-pause-btn,.mute-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--label);font-size:.8125rem;transition:background-color .2s var(--ease)}.play-pause-btn{background:#ffffff1f}.play-pause-btn:hover,.mute-btn:hover{background:#ffffff2e}.volume-slider{width:64px;height:4px;border-radius:2px;background:linear-gradient(to right,var(--label) var(--fill, 30%),rgba(255,255,255,.2) var(--fill, 30%));cursor:pointer;appearance:none;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0006}.volume-slider::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0006}.scroll-animate{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.scroll-animate.scale-up{transform:scale(.97)}.scroll-animate.animate{opacity:1;transform:none}.scroll-animate.delay-1{transition-delay:.08s}.scroll-animate.delay-2{transition-delay:.16s}.scroll-animate.delay-3{transition-delay:.24s}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.project-live.is-live .project-live-dot:after{animation:none}.nav-links,.scroll-animate,.page-enter,.page-exit{opacity:1;transform:none;transition:none;animation:none}}@media (max-width: 820px){.main,.projects-grid{grid-template-columns:1fr}.project-card--wide{flex-direction:column;align-items:flex-start}.project-stats{align-self:stretch;padding:1.5rem 2rem;border-left:0;border-top:1px solid var(--separator)}.project-stat dd{font-size:2.25rem}}@media (max-width: 600px){.navigation{padding:0 1rem}.nav-toggle{display:grid}.nav-links{position:absolute;inset:var(--nav-height) 0 auto 0;flex-direction:column;gap:0;padding:.5rem 1rem 1rem;background:#161617f5;border-bottom:1px solid var(--separator);visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s}.nav-links--open{visibility:visible;opacity:1;transform:none}.nav-link{padding:.875rem 0;font-size:1.0625rem;border-bottom:1px solid var(--separator)}.nav-link:last-child{border-bottom:none}.section{padding-left:1rem;padding-right:1rem}.project-body,.project-card--wide .project-body{padding:1.5rem}.project-stats{padding:1.25rem 1.5rem}.tech-stack-container{display:grid;grid-template-columns:1fr 1fr}.music-player{padding-right:.375rem}.volume-slider{display:none}}.blog-page{max-width:1080px;min-height:100vh;margin:0 auto;padding:calc(var(--nav-height) + 4.5rem) 1.5rem 6rem}.blog-header{margin-bottom:2.5rem}.blog-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;line-height:1.07;letter-spacing:-.025em;color:var(--label);margin-bottom:.5rem}.blog-subtitle{font-size:1.1875rem;color:var(--label-secondary)}.blog-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.blog-filter-btn{min-height:36px;padding:.375rem 1rem;border-radius:980px;background:var(--surface);border:1px solid var(--separator);color:var(--label-secondary);font-size:.875rem;font-weight:500;transition:background-color .2s var(--ease),color .2s var(--ease)}.blog-filter-btn:hover{background:var(--surface-hover);color:var(--label)}.blog-filter-btn.active{background:var(--label);border-color:var(--label);color:#000}.blog-empty{padding:4rem 2rem;text-align:center;color:var(--label-tertiary)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.blog-card-link{display:block;border-radius:var(--radius-lg)}.blog-card{height:100%;display:flex;flex-direction:column;gap:.75rem;padding:1.75rem;background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius-lg);transition:background-color .25s var(--ease)}.blog-card-link:hover .blog-card{background:var(--surface-hover)}.blog-card-top,.blog-post-meta{display:flex;align-items:center;gap:.75rem}.blog-card-top{justify-content:space-between}.blog-tag{font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--accent)}.blog-card-date{font-size:.8125rem;color:var(--label-tertiary)}.blog-card-title{font-family:var(--font-display);font-size:1.3125rem;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--label)}.blog-card-desc{flex:1;font-size:.9375rem;line-height:1.55;color:var(--label-secondary)}.blog-read-more{margin-top:.25rem;font-size:.9375rem;color:var(--accent)}.blog-card-link:hover .blog-read-more{text-decoration:underline;text-underline-offset:3px}.blog-post-page{max-width:720px;min-height:100vh;margin:0 auto;padding:calc(var(--nav-height) + 3rem) 1.5rem 6rem}.blog-post-container{display:flex;flex-direction:column;gap:2rem}.blog-back-link{align-self:flex-start;display:inline-flex;align-items:center;gap:.25rem;font-size:.9375rem;color:var(--accent)}.blog-back-link:hover{text-decoration:underline;text-underline-offset:3px}.blog-post-header{display:flex;flex-direction:column;gap:1rem}.blog-post-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:700;line-height:1.1;letter-spacing:-.025em;color:var(--label)}.blog-post-description{font-size:1.1875rem;line-height:1.5;color:var(--label-secondary)}.blog-post-divider{border:none;border-top:1px solid var(--separator)}.blog-post-body{display:flex;flex-direction:column;gap:1.25rem;font-size:1.0625rem;line-height:1.7;color:#ebebf5d1}.blog-post-body h1,.blog-post-body h2,.blog-post-body h3,.blog-post-body h4{font-family:var(--font-display);font-weight:600;line-height:1.25;letter-spacing:-.015em;color:var(--label);margin-top:1rem}.blog-post-body h1{font-size:1.75rem}.blog-post-body h2{font-size:1.5rem}.blog-post-body h3{font-size:1.1875rem}.blog-post-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.blog-post-body strong{color:var(--label);font-weight:600}.blog-post-body ul,.blog-post-body ol{display:flex;flex-direction:column;gap:.375rem;padding-left:1.5rem}.blog-post-body .contains-task-list{padding-left:0;list-style:none}.blog-post-body .task-list-item input{margin-right:.5rem;accent-color:var(--accent-fill)}.blog-post-body blockquote{padding:.25rem 0 .25rem 1.25rem;border-left:3px solid var(--separator);color:var(--label-secondary)}.blog-post-body code{font-family:var(--font-mono);font-size:.875em;padding:.15em .4em;border-radius:6px;background:#ffffff14;color:var(--label)}.blog-post-body pre{overflow-x:auto;padding:1.25rem 1.5rem;background:#111113;border:1px solid var(--separator);border-radius:var(--radius-md)}.blog-post-body pre code{padding:0;background:none;font-size:.875rem;line-height:1.6}.blog-post-body table{width:100%;border-collapse:collapse;font-size:.9375rem}.blog-post-body th,.blog-post-body td{padding:.625rem .875rem;border-bottom:1px solid var(--separator);text-align:left}.blog-post-body th{font-weight:600;color:var(--label)}.blog-post-not-found{display:flex;flex-direction:column;gap:1.5rem;padding-top:4rem;color:var(--label-secondary)}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pageExit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.page-enter{animation:pageEnter .4s var(--ease-out) both}.page-exit{animation:pageExit .28s var(--ease) both;pointer-events:none}@media (max-width: 600px){.blog-page,.blog-post-page{padding-left:1rem;padding-right:1rem}.blog-grid{grid-template-columns:1fr}}