:root{--space-xs: 4px;--space-sm: 8px;--space-md: 14px;--space-lg: 20px;--space-xl: 28px;--space-2xl: 40px;--space-3xl: 48px;--drawer-width: 220px;--header-height: 56px;--content-width: 820px;--content-narrow: 520px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--bg: #0d0d0d;--surface: #1a1a1a;--text: #f5f5f7;--text-secondary: #a1a1a6;--text-tertiary: #6e6e73;--border: #2c2c2e;--border-hover: #48484a;--bg-muted: #2c2c2e;--accent: #0a84ff;--accent-soft: rgba(10, 132, 255, .2);--coral: #ff6b6b;--coral-soft: rgba(255, 107, 107, .15);--teal: #64d2ff;--teal-soft: rgba(100, 210, 255, .15);--amber: #ffd60a;--amber-soft: rgba(255, 214, 10, .15);--violet: #bf5af2;--violet-soft: rgba(191, 90, 242, .15);--radius: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--ease-out: cubic-bezier(.25, .1, .25, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:inherit}button{font-family:inherit}@media (max-width: 768px){:root{--header-height: 64px}body{padding-top:var(--header-height)}}.blobs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.blobs__blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.14;animation:blobFloat 20s ease-in-out infinite}.blobs__blob--1{width:320px;height:320px;background:var(--accent);top:10%;left:5%;animation-delay:0s}.blobs__blob--2{width:280px;height:280px;background:var(--coral);top:50%;right:10%;animation-delay:-4s}.blobs__blob--3{width:240px;height:240px;background:var(--teal);bottom:15%;left:25%;animation-delay:-8s}.blobs__blob--4{width:200px;height:200px;background:var(--amber);top:25%;right:30%;animation-delay:-12s}.blobs__blob--5{width:260px;height:260px;background:var(--violet);bottom:30%;right:5%;animation-delay:-6s}.blobs__blob--6{width:180px;height:180px;background:var(--accent);top:60%;left:10%;animation-delay:-15s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.05)}50%{transform:translate(-15px,20px) scale(.95)}75%{transform:translate(25px,10px) scale(1.02)}}.drawer{position:fixed;left:0;top:0;bottom:0;width:var(--drawer-width);padding:var(--space-lg) var(--space-md) var(--space-lg);display:flex;flex-direction:column;align-items:flex-start;z-index:10;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-right:1px solid var(--border)}.drawer__nav{width:100%;flex:0 0 auto}.drawer__list{list-style:none;margin:0;padding:0}.drawer__item{margin:10px 0}.drawer__link{display:block;padding:var(--space-xs) var(--space-sm);color:var(--text-secondary);text-decoration:none;font-size:var(--text-base);font-weight:500;letter-spacing:.01em;transition:color var(--ease-out),background var(--ease-out)}.drawer__link:hover{color:var(--accent)}.drawer__link--active{color:var(--accent);background:var(--accent-soft);border-radius:6px;border-left:3px solid var(--accent)}.drawer__link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.drawer__links{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg);width:100%}.drawer__outlink{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;text-decoration:none;transition:transform var(--ease-out),opacity var(--ease-out)}.drawer__outlink:hover{transform:scale(1.1);opacity:.9}.drawer__outlink:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drawer__icon{display:inline-flex;line-height:0}.drawer__icon-img{display:block;object-fit:contain}@media (max-width: 768px){.drawer{width:100%;min-height:var(--header-height);height:auto;bottom:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-md);border-right:none;border-bottom:1px solid var(--border);padding:var(--space-md) var(--space-lg);background:#0a1019f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.drawer__nav{flex:1 1 auto}.drawer__list{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.drawer__link{padding:var(--space-xs) var(--space-sm)}.drawer__links{margin-bottom:0;flex:0 0 auto;justify-content:center}}.skills-drawer{position:fixed;right:0;top:0;bottom:0;width:260px;padding:var(--space-lg) var(--space-lg) var(--space-2xl);border-left:1px solid var(--border);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:9;display:flex;align-items:flex-start;justify-content:center;transform:translate(100%);opacity:0;transition:transform .4s var(--ease-out),opacity .4s var(--ease-out)}.skills-drawer--visible{transform:translate(0);opacity:1}.skills-drawer__inner{width:100%;max-height:100%;overflow-y:auto}.skills-drawer__title{font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--space-md)}.skills-drawer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.skills-drawer__item{display:flex;flex-direction:column;gap:var(--space-xs)}.skills-drawer__label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.skills-drawer__bar{height:2px;border-radius:999px;background:var(--bg-muted);overflow:hidden}.skills-drawer__fill{display:block;height:100%;border-radius:999px;transform:scaleX(0);transform-origin:left}.skills-drawer--animated .skills-drawer__fill{animation:skills-drawer-fill 3s ease-out forwards}@keyframes skills-drawer-fill{to{transform:scaleX(1)}}.skills-drawer__item--1 .skills-drawer__fill{background:linear-gradient(90deg,var(--accent),var(--accent-soft))}.skills-drawer__item--2 .skills-drawer__fill{background:linear-gradient(90deg,var(--coral),var(--coral-soft))}.skills-drawer__item--3 .skills-drawer__fill{background:linear-gradient(90deg,var(--teal),var(--teal-soft))}.skills-drawer__item--4 .skills-drawer__fill{background:linear-gradient(90deg,var(--amber),var(--amber-soft))}@media (max-width: 768px){.skills-drawer{display:none}}.hero{min-height:calc(100vh - var(--space-lg) - var(--space-2xl));display:flex;align-items:center;padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.hero__inner{max-width:var(--content-width);display:flex;align-items:center;gap:var(--space-xl)}.hero__photo-wrap{flex-shrink:0;width:300px;height:300px;border-radius:50%;overflow:hidden;border:0px solid var(--accent);background:var(--bg-muted);box-shadow:0 0 0 1px var(--border),0 4px 12px var(--accent-soft)}.hero__photo{width:100%;height:100%;object-fit:cover}.hero__text{min-width:0}.hero__name{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.02em;margin:0 0 var(--space-sm);background:linear-gradient(90deg,var(--accent),var(--text));-webkit-background-clip:text;color:transparent;display:inline-block;white-space:nowrap;overflow:hidden;border-right:.5px solid var(--accent);padding-right:10px;animation:heroType 2.4s steps(22,end) .3s both,heroCaret .8s step-end infinite 2.7s;font-weight:300}.hero__role{font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,var(--accent),var(--text));-webkit-background-clip:text;color:transparent;margin:0 0 var(--space-sm);animation:heroFade .6s var(--ease-out) .24s both}.hero__tagline{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-md);animation:heroFade .6s var(--ease-out) .08s both;max-width:40ch;font-weight:300}.hero__summary{font-size:var(--text-base);line-height:1.65;color:var(--text-secondary);margin:0;max-width:40ch;animation:heroFade .6s var(--ease-out) .16s both;font-weight:100}@media (max-width: 640px){.hero__inner{flex-direction:column;text-align:center}.hero__summary{margin-left:auto;margin-right:auto}}@keyframes heroFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes heroType{0%{width:0}to{width:100%}}@keyframes heroCaret{0%,to{border-color:transparent}50%{border-color:var(--accent)}}.experience__list{display:flex;flex-direction:column;gap:var(--space-lg)}.experience__job{padding:var(--space-md) 0 var(--space-md) var(--space-md);border-bottom:1px solid var(--border);border-left:3px solid var(--accent)}.experience__job:last-child{border-bottom:none}.experience__job:nth-child(1){border-left-color:var(--accent)}.experience__job:nth-child(2){border-left-color:var(--teal)}.experience__job:nth-child(3){border-left-color:var(--coral)}.experience__job:nth-child(4){border-left-color:var(--amber)}.experience__job:nth-child(5){border-left-color:var(--violet)}.experience__header{margin-bottom:var(--space-sm)}.experience__role{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-xs);color:var(--text)}.experience__meta{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.experience__points{margin:0;padding-left:1.25rem;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.experience__points li{margin-bottom:var(--space-xs)}.experience__points li:last-child{margin-bottom:0}.projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));column-gap:var(--space-md);row-gap:var(--space-2xl)}.project-card{position:relative;display:flex;flex-direction:column;padding:var(--space-md);padding-left:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--ease-out),box-shadow var(--ease-out),background var(--ease-out);overflow:hidden}.project-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--radius) 0 0 var(--radius)}.project-card--1{--card-accent: var(--accent);--card-soft: var(--accent-soft)}.project-card--1:before{background:var(--accent)}.project-card--2{--card-accent: var(--coral);--card-soft: var(--coral-soft)}.project-card--2:before{background:var(--coral)}.project-card--3{--card-accent: var(--teal);--card-soft: var(--teal-soft)}.project-card--3:before{background:var(--teal)}.project-card--4{--card-accent: var(--amber);--card-soft: var(--amber-soft)}.project-card--4:before{background:var(--amber)}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);background:var(--card-soft)}.project-card__name{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-sm);color:var(--text)}.project-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0 0 var(--space-sm)}.project-card__tech{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.project-card__card-badge{position:absolute;left:var(--space-lg);bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-xs)}.project-card__npm-downloads{font-size:var(--text-sm);color:var(--text-secondary)}.project-card__app-rating .project-card__rating-count{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.project-card__star-icon,.project-card__download-icon{flex-shrink:0;color:var(--card-accent)}.project-card__api-hits .project-card__api-hits-count{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.project-card__trending-icon{flex-shrink:0;color:var(--card-accent)}.project-card__npm-downloads-count{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.project-card__tag{font-size:.75rem;padding:2px 8px;background:var(--bg-muted);color:var(--text-secondary);border-radius:4px;font-weight:500}.project-card__links{display:flex;gap:var(--space-md);align-items:center;margin-top:auto;justify-content:flex-end;align-self:flex-end}.project-card__link{font-size:var(--text-sm);font-weight:500;color:var(--card-accent);text-decoration:none}.project-card__link:hover{text-decoration:underline}.project-card__link:focus-visible{outline:2px solid var(--card-accent);outline-offset:2px}.education__list{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-md)}.education__item{flex:1 1 220px;padding:var(--space-md);border-left:3px solid var(--teal);margin-left:0;min-width:0}.education__degree{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-xs);color:var(--text)}.education__meta{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.education__courses{margin-top:var(--space-md)}.education__courses-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:0 0 var(--space-xxs)}.education__courses-pills{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.education__pill{font-size:var(--text-xs);padding:.2rem .7rem;margin-top:.3rem;border-radius:999px;background:#94a3b81f;color:var(--text-secondary);border:1px solid rgba(148,163,184,.35);white-space:nowrap}.education__note{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-xs) 0 0;font-style:italic}.hobbies__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.hobby-card{position:relative;padding:var(--space-md);padding-left:var(--space-lg);background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);transition:border-color var(--ease-out),box-shadow var(--ease-out),background var(--ease-out),transform var(--ease-out);overflow:hidden}.hobby-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--radius) 0 0 var(--radius)}.hobby-card--1{--card-accent: var(--accent);--card-soft: var(--accent-soft)}.hobby-card--1:before{background:var(--accent)}.hobby-card--2{--card-accent: var(--coral);--card-soft: var(--coral-soft)}.hobby-card--2:before{background:var(--coral)}.hobby-card--3{--card-accent: var(--teal);--card-soft: var(--teal-soft)}.hobby-card--3:before{background:var(--teal)}.hobby-card--4{--card-accent: var(--amber);--card-soft: var(--amber-soft)}.hobby-card--4:before{background:var(--amber)}.hobby-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);background:var(--card-soft);transform:translateY(-1px)}.hobby-card__badge{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .5rem;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;background:#94a3b829;color:var(--text-secondary);margin-bottom:var(--space-xs)}.hobby-card__title{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-xs);color:var(--text)}.hobby-card__detail{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.main{position:relative;z-index:1;margin-left:var(--drawer-width);min-height:100vh;padding:var(--space-lg) var(--space-xl) var(--space-2xl)}@media (min-width: 769px){.main{padding-right:calc(var(--space-xl) + 260px)}}@media (max-width: 768px){.main{margin-left:0;padding-top:calc(var(--header-height) + var(--space-lg))}}.section{max-width:var(--content-width);margin:0 auto;opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);scroll-margin-top:var(--space-3xl)}.section--visible{opacity:1;transform:translateY(0)}.section-title{font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--space-md)}.section+.section{margin-top:var(--space-2xl)}@media (max-width: 768px){.section{scroll-margin-top:calc(var(--header-height) + var(--space-lg))}}