:root{--color-bg:#0f1419;--color-bg-elevated:#1a2332;--color-bg-card:#1e2a3a;--color-surface:#243044;--color-border:#2d3f56;--color-text:#e8edf4;--color-text-muted:#8b9cb3;--color-accent:#3b9eff;--color-accent-hover:#5cb0ff;--color-accent-subtle:#3b9eff1f;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow:0 4px 24px #00000040;--header-height:72px;--container-max:1100px;--section-gap:clamp(4rem, 8vw, 7rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.6}img,svg{max-width:100%;display:block}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-hover)}button{font:inherit;cursor:pointer;background:0 0;border:none}ul{list-style:none}.container{width:min(100% - 2rem, var(--container-max));margin-inline:auto}.fade-in{opacity:0;transition:opacity .6s ease var(--fade-delay,0s), transform .6s ease var(--fade-delay,0s);transform:translateY(1.5rem)}.fade-in--right{transform:translate(1.5rem)}.fade-in--visible{opacity:1;transform:translate(0)}.btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover);color:#fff}.btn--outline{border:1.5px solid var(--color-border);color:var(--color-text)}.btn--outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn--lg{padding:1rem 2rem;font-size:1rem}.tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.tag{background:var(--color-accent-subtle);color:var(--color-accent);border-radius:999px;padding:.25rem .75rem;font-size:.8125rem;font-weight:500}.tag--sm{padding:.2rem .6rem;font-size:.75rem}.section{padding-block:var(--section-gap)}.section-heading{margin-bottom:2.5rem}.section-heading__label{font-family:var(--font-mono);color:var(--color-accent);margin-bottom:.5rem;font-size:.8125rem;display:block}.section-heading__title{letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.2}.section-heading__subtitle{color:var(--color-text-muted);max-width:50ch;margin-top:.75rem}.header{z-index:100;height:var(--header-height);transition:background .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.header--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--color-border);background:#0f1419d9}.header__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.header__logo{color:var(--color-text);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.header__logo-accent{color:var(--color-accent)}.nav__list{gap:.25rem;display:flex}.nav__link{color:var(--color-text-muted);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.9375rem;font-weight:500;transition:color .2s,background .2s}.nav__link:hover{color:var(--color-text);background:var(--color-surface)}.nav-toggle{border-radius:var(--radius-sm);flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;display:none}.nav-toggle span{background:var(--color-text);border-radius:2px;height:2px;transition:transform .3s,opacity .3s;display:block}.nav-toggle--open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle--open span:nth-child(2){opacity:0}.nav-toggle--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{min-height:100svh;padding-top:var(--header-height);background:radial-gradient(ellipse 80% 60% at 70% 20%, #3b9eff14, transparent), var(--color-bg);align-items:center;display:flex}.hero__inner{grid-template-columns:1fr auto;align-items:center;gap:3rem;padding-block:3rem;display:grid}.hero__greeting{font-family:var(--font-mono);color:var(--color-accent);margin-bottom:.5rem;font-size:.9375rem}.hero__name{letter-spacing:-.03em;margin-bottom:.5rem;font-size:clamp(2.5rem,7vw,4rem);font-weight:800;line-height:1.1}.hero__title{color:var(--color-text-muted);margin-bottom:1rem;font-size:clamp(1.125rem,3vw,1.5rem);font-weight:500}.hero__tagline{color:var(--color-text-muted);max-width:48ch;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.125rem)}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.hero__social{gap:.75rem;display:flex}.hero__social-link{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-muted);justify-content:center;align-items:center;transition:color .2s,border-color .2s,background .2s;display:flex}.hero__social-link svg{width:20px;height:20px}.hero__social-link:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-subtle)}.hero__visual{justify-content:center;display:flex}.hero__avatar{background:linear-gradient(135deg, var(--color-surface), var(--color-bg-card));border:2px solid var(--color-border);width:clamp(180px,30vw,260px);height:clamp(180px,30vw,260px);color:var(--color-accent);box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:clamp(4rem,10vw,6rem);font-weight:800;display:flex}.about__grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:3rem;display:grid}.about__summary{color:var(--color-text-muted);font-size:1.0625rem;line-height:1.75}.about__details{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.about__detail dt{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.25rem;font-size:.75rem}.about__detail dd{font-weight:500}.about__detail a{color:var(--color-text)}.about__detail a:hover{color:var(--color-accent)}.timeline{flex-direction:column;gap:0;display:flex}.timeline__item{grid-template-columns:24px 1fr;gap:1.5rem;padding-bottom:2.5rem;display:grid;position:relative}.timeline__item:not(:last-child):before{content:"";background:var(--color-border);width:2px;position:absolute;top:24px;bottom:0;left:11px}.timeline__marker{background:var(--color-accent);width:12px;height:12px;box-shadow:0 0 0 4px var(--color-accent-subtle);border-radius:50%;margin-top:6px}.timeline__content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;transition:border-color .2s}.timeline__content:hover{border-color:#3b9eff4d}.timeline__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.timeline__role{font-size:1.125rem;font-weight:600}.timeline__company{color:var(--color-accent);margin-top:.15rem;font-weight:500}.timeline__meta{text-align:right;color:var(--color-text-muted);flex-direction:column;flex-shrink:0;gap:.15rem;font-size:.875rem;display:flex}.timeline__highlights{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.timeline__highlights li{color:var(--color-text-muted);padding-left:1.25rem;font-size:.9375rem;position:relative}.timeline__highlights li:before{content:"▹";color:var(--color-accent);position:absolute;left:0}.skills{background:var(--color-bg-elevated)}.skills__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.skills__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem}.skills__category{color:var(--color-accent);margin-bottom:1rem;font-size:1rem;font-weight:600}.skills__list{flex-wrap:wrap;gap:.5rem;display:flex}.skills__list li{background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-muted);padding:.35rem .85rem;font-size:.875rem}.projects__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.project-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;padding:1.75rem;transition:border-color .2s,transform .2s;display:flex}.project-card:hover{border-color:#3b9eff4d;transform:translateY(-2px)}.project-card__icon{background:var(--color-accent-subtle);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-accent);justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.project-card__icon svg{width:22px;height:22px}.project-card__name{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.project-card__desc{color:var(--color-text-muted);flex:1;margin-bottom:1rem;font-size:.9375rem}.project-card .tag-list{margin-bottom:1.25rem}.project-card__link{align-items:center;gap:.35rem;margin-top:auto;font-size:.875rem;font-weight:600;display:inline-flex}.project-card__link svg{width:16px;height:16px}.education{border-top:1px solid var(--color-border);padding-block:3rem}.education__title{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.education__item{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.education__degree{font-size:1rem;font-weight:600}.education__school{color:var(--color-accent);margin-top:.15rem;font-size:.9375rem}.education__details{color:var(--color-text-muted);margin-top:.35rem;font-size:.875rem}.education__period{color:var(--color-text-muted);flex-shrink:0;font-size:.875rem}.contact{background:var(--color-bg-elevated)}.contact__card{text-align:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:600px;margin-inline:auto;padding:clamp(2rem,5vw,3.5rem)}.contact__text{color:var(--color-text-muted);margin-bottom:1.75rem;line-height:1.7}.contact__info{color:var(--color-text-muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin-top:1.5rem;font-size:.9375rem;display:flex}.contact__info a{color:var(--color-text-muted)}.contact__info a:hover{color:var(--color-accent)}.footer{border-top:1px solid var(--color-border);padding:2rem 0}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer__copy{color:var(--color-text-muted);font-size:.875rem}.footer__top{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.875rem;transition:color .2s;display:inline-flex}.footer__top svg{width:16px;height:16px}.footer__top:hover{color:var(--color-accent)}@media (width<=768px){.nav-toggle{z-index:110;display:flex}.nav{z-index:105;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;background:#0f1419f7;justify-content:center;align-items:center;min-height:100dvh;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.nav--open{opacity:1;visibility:visible}.nav__list{flex-direction:column;align-items:center;gap:.5rem}.nav__item{opacity:0;transition:opacity .25s ease var(--nav-delay), transform .25s ease var(--nav-delay);transform:translateY(.75rem)}.nav--open .nav__item{opacity:1;transform:translateY(0)}.nav__link{padding:.75rem 1.5rem;font-size:1.25rem}.hero__inner{text-align:center;grid-template-columns:1fr}.hero__tagline{margin-inline:auto}.hero__actions,.hero__social{justify-content:center}.hero__visual{order:-1}.hero__avatar{width:140px;height:140px;font-size:3.5rem}.about__grid{grid-template-columns:1fr}.timeline__header{flex-direction:column}.timeline__meta{text-align:left;flex-direction:row;gap:.75rem}.timeline__meta span:before{content:"·";margin-right:.75rem}}@media (width<=480px){.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{width:100%}.projects__grid{grid-template-columns:1fr}.timeline__item{grid-template-columns:16px 1fr;gap:1rem}.timeline__item:not(:last-child):before{left:7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.fade-in{opacity:1;transform:none}}