*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg: #000000;--text: #f5f5f7;--text-muted: #86868b;--accent: #6963c2;--accent-dim: #409cff;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Menlo", monospace;--radius: 16px;--radius-sm: 10px;--section-padding: clamp(4rem, 10vw, 7rem);--border-color: rgba(255, 255, 255, .08);--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .07);--shadow: none;--shadow-hover: none;--glass-bg: rgba(24, 24, 24, .144);--glass-bg-strong: rgba(58, 58, 60, .8);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 20px;--glass-blur-strong: 40px;--bg-card: var(--surface);--border: var(--border-color);--mesh-1: rgba(49, 27, 56, .068);--mesh-2: rgba(73, 146, 255, .068);--mesh-3: rgba(96, 19, 196, .062);--mesh-4: #ffffff07}[data-theme=light]{--bg: #ffffff;--text: #1d1d1f;--text-muted: #86868b;--accent: #1a55f7;--accent-dim: #0051d5;--border-color: rgba(0, 0, 0, .08);--surface: rgba(0, 0, 0, .025);--surface-hover: rgba(0, 0, 0, .05);--glass-bg: rgba(255, 255, 255, .6);--glass-bg-strong: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .06);--bg-card: var(--surface);--border: var(--border-color);--mesh-1: rgba(54, 140, 238, .123);--mesh-2: rgba(172, 211, 32, .062);--mesh-3: rgba(0, 122, 255, .06);--mesh-4: rgba(248, 137, 237, .068)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:var(--text-muted);text-decoration:none;transition:color .2s}a:hover{color:var(--text)}section{padding:var(--section-padding) 1.5rem;max-width:1100px;margin:0 auto}h1,h2,h3{font-weight:300;line-height:1.2;letter-spacing:.01em}h2{font-size:clamp(1.5rem,3.5vw,2rem);margin-bottom:2.5rem;color:var(--text-muted);font-weight:200;letter-spacing:.03em}h2 span{color:var(--text);font-weight:300}button{font-family:inherit;cursor:pointer}ul{list-style:none}.nav{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:.4rem;padding:.35rem .5rem;border-radius:999px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--border-color);transition:border-color .3s}.nav--scrolled{border-color:var(--border-color)}.nav__links{display:flex;align-items:center;gap:.1rem}.nav__links a{display:block;padding:.3rem .65rem;border-radius:999px;color:var(--text);font-weight:400;font-size:.82rem;letter-spacing:.02em;transition:color .22s ease,background-color .22s ease,transform .22s ease;white-space:nowrap}.nav__links a:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent);transform:translateY(-1px)}.nav__actions{display:flex;align-items:center;gap:.3rem}.nav__theme-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--border-color);border-radius:999px;background:transparent;color:var(--text);cursor:pointer;transition:color .22s ease,background-color .22s ease,transform .22s ease;overflow:hidden}.nav__theme-toggle:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent);transform:translateY(-1px)}.nav__icon{position:absolute;opacity:0;transform:rotate(-90deg) scale(.5);transition:opacity .35s ease,transform .35s ease}.nav__icon--visible{opacity:1;transform:rotate(0) scale(1)}.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:6px;cursor:pointer}.nav__toggle span{display:block;width:16px;height:1px;background:var(--text);transition:transform .25s,opacity .25s}.nav__toggle-open:nth-child(1){transform:translateY(3px) rotate(45deg)}.nav__toggle-open:nth-child(2){transform:translateY(-3px) rotate(-45deg)}@media(max-width:768px){.nav{top:.75rem;gap:.3rem;padding:.3rem .6rem}.nav__toggle{display:flex}.nav__links{position:fixed;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .25s}.nav__links--open{opacity:1;pointer-events:auto}.nav__links a{font-size:1rem;font-weight:300;padding:.5rem 1.5rem;letter-spacing:.04em}}.mesh{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 15% 10%,var(--mesh-1) 0%,transparent 70%),radial-gradient(ellipse 70% 55% at 85% 60%,var(--mesh-2) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 40% 90%,var(--mesh-3) 0%,transparent 70%),radial-gradient(ellipse 50% 45% at 75% 20%,var(--mesh-4) 0%,transparent 70%),var(--bg)}.mesh__light{--mx: 50%;--my: 50%;position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px circle at var(--mx) var(--my),var(--mesh-2) 0%,transparent 70%);filter:blur(60px);opacity:6;mix-blend-mode:screen;will-change:background,filter}[data-theme=light] .mesh__light{mix-blend-mode:multiply;opacity:4}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:5rem 2rem 4rem;max-width:none}.hero__content{text-align:center;width:100%}.hero__tagline{color:var(--text-muted);font-size:clamp(.85rem,1.2vw,1rem);font-weight:300;margin-bottom:1.25rem;letter-spacing:.04em}.hero__name{font-size:clamp(2rem,5.2vw,5.5rem);font-weight:200;line-height:1.1;letter-spacing:.01em;white-space:nowrap;margin-bottom:2rem;background:linear-gradient(105deg,#2a2a2a,#666 18%,#333,#777,#2a2a2a,#555 82%,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .hero__name{background:linear-gradient(105deg,#888,#f0f0f0 18%,#777,#e0e0e0,#888,#d5d5d5 82%,#777);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__role{color:var(--text-muted);font-size:clamp(.85rem,1.2vw,1rem);font-weight:300;letter-spacing:.04em;margin-bottom:1.5rem}.hero__social{display:flex;gap:1rem;justify-content:center}.hero__social a{color:var(--text-muted);opacity:.5;transition:opacity .2s,color .2s}.hero__social a:hover{opacity:1;color:var(--text)}.hero__scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:var(--text-muted);opacity:.6;transition:opacity .2s;animation:heroScrollBounce 2s ease-in-out infinite}.hero__scroll:hover{opacity:.8;color:var(--text-muted)}@keyframes heroScrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}@media(max-width:768px){.hero{padding:5rem 1.25rem 3rem}.hero__name{font-size:clamp(1.4rem,6.5vw,2.5rem);white-space:normal}}.about{text-align:center}.about__text{max-width:580px;margin:0 auto;color:var(--text-muted);font-size:clamp(.9rem,1.3vw,1.05rem);font-weight:300;line-height:1.8;letter-spacing:.02em}.timeline{position:relative;padding-left:1.75rem}.timeline:before{content:"";position:absolute;left:3px;top:6px;bottom:6px;width:1px;background:var(--border-color)}.timeline__item{position:relative;padding-bottom:2.5rem}.timeline__item:last-child{padding-bottom:0}.timeline__marker{position:absolute;left:-1.75rem;top:.55rem;width:7px;height:7px;background:var(--text-muted);border-radius:50%}.timeline__content{padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.timeline__item:last-child .timeline__content{border-bottom:none}.timeline__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.timeline__header>div{min-width:0}.timeline__period{display:inline-block;font-size:.8rem;color:var(--text-muted);font-weight:300;letter-spacing:.04em;margin-bottom:.25rem}.timeline__content h3{font-size:1.05rem;font-weight:500;color:var(--text);margin-bottom:.15rem}.timeline__company{color:var(--text-muted);font-size:.9rem;font-weight:300}.timeline__description{color:var(--text-muted);font-size:.9rem;font-weight:300;line-height:1.65}.timeline__toggle{flex-shrink:0;padding:.25rem;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color .2s,transform .25s ease;opacity:.5}.timeline__toggle:hover{color:var(--text);opacity:1}.timeline__toggle--open{transform:rotate(180deg)}.timeline__expandable{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.timeline__description--expandable,.timeline__detail{margin-bottom:1rem}.timeline__detail:last-child{margin-bottom:0}.timeline__detail-label{display:block;font-size:.7rem;color:var(--text);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em;font-weight:400}.timeline__tags{display:flex;flex-wrap:wrap;gap:.35rem}.timeline__tag{padding:.2rem .55rem;font-size:.75rem;color:var(--text-muted);font-weight:300;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.timeline__list{margin:0;padding-left:1rem;color:var(--text-muted);font-size:.88rem;font-weight:300;line-height:1.7}.timeline__list li{margin-bottom:.25rem}.timeline__list li:last-child{margin-bottom:0}@media(min-width:640px){.timeline{padding-left:2rem}.timeline:before{left:3px}.timeline__marker{left:-2rem}}.education-timeline{position:relative;padding-left:1.75rem}.education-timeline:before{content:"";position:absolute;left:3px;top:6px;bottom:6px;width:1px;background:var(--border-color)}.education-timeline .timeline__item{position:relative;padding-bottom:2.5rem}.education-timeline .timeline__item:last-child{padding-bottom:0}.education-timeline .timeline__marker{position:absolute;left:-1.75rem;top:.55rem;width:7px;height:7px;background:var(--text-muted);border-radius:50%}.education-timeline .timeline__content{padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.education-timeline .timeline__item:last-child .timeline__content{border-bottom:none}.education-timeline .timeline__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.education-timeline .timeline__header>div{min-width:0}.education-timeline .timeline__period{display:inline-block;font-size:.8rem;color:var(--text-muted);font-weight:300;letter-spacing:.04em;margin-bottom:.25rem}.education-timeline .timeline__content h3{font-size:1.05rem;font-weight:500;color:var(--text);margin-bottom:.15rem}.education-timeline .timeline__company{color:var(--text-muted);font-size:.9rem;font-weight:300}.education-timeline .timeline__description{color:var(--text-muted);font-size:.9rem;font-weight:300;line-height:1.65}.education-timeline .timeline__toggle{flex-shrink:0;padding:.25rem;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color .2s,transform .25s ease;opacity:.5}.education-timeline .timeline__toggle:hover{color:var(--text);opacity:1}.education-timeline .timeline__toggle--open{transform:rotate(180deg)}.education-timeline .timeline__expandable{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.education-timeline .timeline__description--expandable,.education-timeline .timeline__detail{margin-bottom:1rem}.education-timeline .timeline__detail:last-child{margin-bottom:0}.education-timeline .timeline__detail-label{display:block;font-size:.7rem;color:var(--text);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em;font-weight:400}.education-timeline .timeline__detail--inline .timeline__detail-label{margin-bottom:.25rem}.education-timeline .timeline__category-items{margin:0;font-size:.88rem;color:var(--text-muted);font-weight:300;line-height:1.6}.education-timeline .timeline__tags{display:flex;flex-wrap:wrap;gap:.35rem}.education-timeline .timeline__tag{padding:.2rem .55rem;font-size:.75rem;color:var(--text-muted);font-weight:300;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.education-timeline .timeline__list{margin:0;padding-left:1rem;color:var(--text-muted);font-size:.88rem;font-weight:300;line-height:1.7}.education-timeline .timeline__list li{margin-bottom:.25rem}.education-timeline .timeline__list li:last-child{margin-bottom:0}@media(min-width:640px){.education-timeline{padding-left:2rem}.education-timeline:before{left:3px}.education-timeline .timeline__marker{left:-2rem}}.skills__tags{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;max-width:700px;margin:0 auto}.skills__tag{display:inline-block;padding:.6rem 1.35rem;border:1px solid var(--border-color);border-radius:20px;font-weight:400;font-size:.88rem;color:var(--text);letter-spacing:.02em;background:var(--surface);transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s,box-shadow .3s}.skills__tag:hover{border-color:transparent;transform:translateY(-2px);background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(135deg,#555,#bbb,#666,#ccc,#555) border-box;box-shadow:0 4px 20px #ffffff0a}[data-theme=light] .skills__tag:hover{background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(135deg,#999,#ddd,#aaa,#eee,#999) border-box;box-shadow:0 4px 20px #0000000f}.projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.projects__card{display:block;border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden;background:var(--bg);transition:color .3s,border-color .3s;color:inherit;text-decoration:none}.projects__card:hover{border-color:transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(135deg,#555,#bbb,#666,#ccc,#555) border-box}[data-theme=light] .projects__card:hover{background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(135deg,#999,#ddd,#aaa,#eee,#999) border-box}.projects__card:hover .projects__cta{color:var(--text)}.projects__image-wrap{aspect-ratio:16/10;background:var(--surface);overflow:hidden}.projects__image-wrap img{width:100%;height:100%;object-fit:cover}.projects__body{padding:1.25rem 1.5rem}.projects__body h3{font-size:1rem;font-weight:400;margin-bottom:.4rem;color:var(--text)}.projects__description{color:var(--text-muted);font-size:.88rem;font-weight:300;margin-bottom:.85rem;line-height:1.55}.projects__tech{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem}.projects__tag{font-size:.72rem;padding:.18rem .5rem;color:var(--text-muted);font-weight:300;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.projects__cta{font-size:.82rem;font-weight:300;color:var(--text-muted);transition:color .2s;letter-spacing:.02em}.contact__box{text-align:center;padding:2rem 0;margin-bottom:2rem;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.contact__text{color:var(--text-muted);margin-bottom:.75rem;font-size:.95rem;font-weight:300}.contact__email{display:inline-block;font-size:1.1rem;font-weight:300;color:var(--text);margin-bottom:1.25rem;word-break:break-all;letter-spacing:.01em}.contact__email:hover{color:var(--text-muted)}.contact__links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.contact__links a{font-weight:300;font-size:.88rem;letter-spacing:.02em}.contact__footer{text-align:center;color:var(--text-muted);font-size:.78rem;font-weight:300;letter-spacing:.03em}.project-detail{padding:calc(var(--section-padding) + 2rem) 1.5rem var(--section-padding);max-width:720px;margin:0 auto}.project-detail--error{text-align:center;padding-top:6rem}.project-detail--error p{margin-bottom:1rem;color:var(--text-muted);font-weight:300}.project-detail__back{margin-bottom:1.5rem}.project-detail__back a{color:var(--text-muted);font-size:.88rem;font-weight:300;letter-spacing:.02em}.project-detail__back a:hover{color:var(--text)}.project-detail__card{border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden}.project-detail__image-wrap{aspect-ratio:16/10;background:var(--surface);overflow:hidden}.project-detail__image-wrap img{width:100%;height:100%;object-fit:cover}.project-detail__body{padding:2rem 1.75rem}.project-detail__body h1{font-size:clamp(1.3rem,3.5vw,1.75rem);font-weight:300;margin-bottom:.75rem;color:var(--text);letter-spacing:.01em}.project-detail__lead{color:var(--text-muted);font-size:.95rem;font-weight:300;line-height:1.65;margin-bottom:1.25rem}.project-detail__tech{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.5rem}.project-detail__tag{font-size:.75rem;padding:.2rem .55rem;color:var(--text-muted);font-weight:300;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.project-detail__long{color:var(--text-muted);font-weight:300;line-height:1.75;margin-bottom:1.75rem;font-size:.92rem}.project-detail__long p{margin-bottom:.75rem}.project-detail__long p:last-child{margin-bottom:0}.project-detail__long .project-detail__bullet{display:block;padding-left:1rem;position:relative;margin-bottom:.35rem}.project-detail__long .project-detail__bullet:before{content:"–";position:absolute;left:0;color:var(--text-muted)}.project-detail__long strong{color:var(--text);font-weight:400}.project-detail__links{display:flex;flex-wrap:wrap;gap:.75rem}.project-detail__btn{display:inline-block;padding:.5rem 1.15rem;border-radius:999px;font-weight:300;font-size:.82rem;letter-spacing:.02em;transition:color .2s,border-color .2s;border:1px solid var(--border-color);color:var(--text-muted)}.project-detail__btn:hover,.project-detail__btn:first-child{color:var(--text);border-color:var(--text-muted)}.project-detail__btn--secondary{color:var(--text-muted);border-color:var(--border-color)}main{padding-top:0}