:root{--bg: #0b0b0f;--bg-card: #16161f;--bg-hover: #1c1c28;--bg-subtle: #13131a;--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .13);--text: #f4f4f5;--text-2: #a1a1aa;--text-3: #52525b;--purple: #8b5cf6;--purple-light: #a78bfa;--purple-dim: rgba(139, 92, 246, .12);--purple-glow: rgba(139, 92, 246, .2);--purple-border:rgba(139, 92, 246, .25);--green: #4ade80;--green-dim: rgba(74, 222, 128, .1);--green-border: rgba(74, 222, 128, .2);--font: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", monospace;--container: 880px;--section-py: 96px;--r: 6px;--r-md: 10px;--r-lg: 14px;--ease: cubic-bezier(.4, 0, .2, 1);--dur: .22s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}ul,ol{list-style:none}.container{max-width:var(--container);margin:0 auto;padding:0 28px}.section{padding:var(--section-py) 0}.section__header{display:flex;align-items:baseline;gap:14px;margin-bottom:48px}.section__num{font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--text-3);flex-shrink:0;padding-top:2px}.section__title{font-size:clamp(22px,3.5vw,30px);font-weight:600;letter-spacing:-.025em;color:var(--text);line-height:1.15;white-space:nowrap}.section__title em{font-style:italic;color:var(--purple-light)}.section__line{flex:1;height:1px;background:var(--border);align-self:center;min-width:24px}.btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font);font-size:13px;font-weight:500;line-height:1;padding:11px 22px;border-radius:100px;border:none;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);white-space:nowrap;text-decoration:none}.btn--primary{background:var(--purple);color:#fff}.btn--primary:hover{background:var(--purple-light);transform:translateY(-1px);box-shadow:0 6px 22px var(--purple-glow)}.btn--primary:active{transform:translateY(0)}.btn--ghost{background:transparent;color:var(--text-2);border:1px solid var(--border-hover)}.btn--ghost:hover{color:var(--text);background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}:focus-visible{outline:2px solid var(--purple);outline-offset:3px;border-radius:var(--r)}::selection{background:var(--purple-dim);color:var(--text)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.navbar{position:fixed;top:0;left:0;right:0;z-index:200;height:58px;border-bottom:1px solid transparent;transition:background .3s var(--ease),border-color .3s var(--ease),backdrop-filter .3s var(--ease)}.navbar--scrolled{background:#0b0b0fd9;border-bottom-color:var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.navbar__inner{height:58px;display:flex;align-items:center;justify-content:space-between;gap:24px}.navbar__logo{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--text);transition:color var(--dur) var(--ease);flex-shrink:0}.navbar__logo:hover{color:var(--purple-light)}.navbar__logo-dot{color:var(--purple)}.navbar__links{display:flex;align-items:center;gap:4px;list-style:none}.navbar__link{font-size:13px;font-weight:400;color:var(--text-2);padding:6px 12px;border-radius:var(--r);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.navbar__link:hover{color:var(--text);background:var(--bg-hover)}.navbar__cta{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--green);background:var(--green-dim);border:1px solid var(--green-border);padding:6px 14px;border-radius:100px;flex-shrink:0;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.navbar__cta:hover{background:#4ade8029;transform:translateY(-1px)}.navbar__cta-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-dot 2.2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@media (max-width: 680px){.navbar__links,.navbar__cta{display:none}}.hero{min-height:100vh;padding-top:58px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-10%;left:50%;transform:translate(-60%);width:700px;height:500px;background:radial-gradient(ellipse at center,rgba(139,92,246,.07) 0%,transparent 70%);pointer-events:none;z-index:0}.hero__inner{display:grid;grid-template-columns:1fr 300px;gap:64px;align-items:center;padding:64px 0 80px;position:relative;z-index:1}.hero__content{display:flex;flex-direction:column;gap:0}.hero__eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:22px}.hero__eyebrow-sep{display:inline-block;width:1px;height:12px;background:var(--border-hover);flex-shrink:0}.hero__title{font-size:clamp(52px,9vw,80px);font-weight:700;line-height:.98;letter-spacing:-.04em;color:var(--text);margin-bottom:14px}.hero__title-em{font-style:italic;font-weight:700;color:var(--purple-light);text-shadow:0 0 48px rgba(139,92,246,.35)}.hero__role{font-size:15px;font-weight:400;color:var(--text-2);letter-spacing:.01em;margin-bottom:22px}.hero__bio{font-size:15px;color:var(--text-2);line-height:1.8;max-width:500px;margin-bottom:36px}.hero__bio strong{color:var(--text);font-weight:500}.hero__ctas{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}.hero__status{display:flex;align-items:center;gap:14px;padding-top:28px;border-top:1px solid var(--border);font-size:12px;color:var(--text-3);flex-wrap:wrap}.hero__status-sep{display:inline-block;width:1px;height:12px;background:var(--border-hover);flex-shrink:0}.hero__photo-wrap{display:flex;flex-direction:column;align-items:center;position:relative}.hero__photo{width:260px;height:340px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg-card);box-shadow:0 0 0 1px var(--border),0 24px 64px #00000080,0 0 80px #8b5cf60f}.hero__photo-img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero__photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(160deg,var(--bg-card) 0%,#1a1a28 100%)}.hero__photo-initials{font-size:72px;font-weight:700;font-style:italic;color:var(--purple);opacity:.3;line-height:1;letter-spacing:-.04em}.hero__photo-hint{font-size:11px;color:var(--text-3);text-align:center;max-width:140px;line-height:1.5}@media (max-width: 760px){.hero__inner{grid-template-columns:1fr;gap:28px;padding:40px 0 56px}.hero__photo-wrap{order:-1;width:100%;margin:0 auto}.hero__photo{width:220px;height:288px;margin:0 auto}.hero__title{font-size:clamp(44px,12vw,64px)}}@media (max-width: 400px){.hero__photo{width:180px;height:236px}}.timeline{display:flex;flex-direction:column;border-top:1px solid var(--border)}.timeline__item{display:grid;grid-template-columns:130px 1fr;gap:32px;padding:30px 0;border-bottom:1px solid var(--border);position:relative;transition:background var(--dur) var(--ease)}.timeline__item--current .timeline__role{color:var(--text)}.timeline__item--current .timeline__dot{background:var(--purple);opacity:1;box-shadow:0 0 10px var(--purple-glow)}.timeline__period{display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding-top:3px}.timeline__date{font-size:12px;color:var(--text-3);font-weight:400;white-space:nowrap;text-align:right}.timeline__dot{width:7px;height:7px;border-radius:50%;background:var(--bg-hover);border:1px solid var(--border-hover);flex-shrink:0;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease);margin-right:2px}.timeline__body{display:flex;flex-direction:column;gap:4px}.timeline__role{font-size:16px;font-weight:600;color:var(--text-2);letter-spacing:-.015em;line-height:1.3;transition:color var(--dur) var(--ease)}.timeline__where{font-size:13px;color:var(--purple-light);margin-bottom:8px}.timeline__desc{font-size:14px;color:var(--text-2);line-height:1.72;max-width:580px}.timeline__tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px;list-style:none}.timeline__tag{font-size:11px;font-weight:400;color:var(--text-3);background:var(--bg-card);border:1px solid var(--border);padding:3px 9px;border-radius:var(--r);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.timeline__tag:hover{color:var(--text-2);border-color:var(--border-hover)}@media (max-width: 600px){.timeline__item{grid-template-columns:1fr;gap:6px;padding:22px 0}.timeline__period{flex-direction:row;align-items:center;gap:8px}.timeline__date{text-align:left}.timeline__dot{order:-1}}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.proj-card--featured{grid-column:1 / -1}.proj-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:0;position:relative;overflow:hidden;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.proj-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--purple-border) 50%,transparent 100%);opacity:0;transition:opacity .3s var(--ease)}.proj-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 16px 48px #00000073,0 0 0 1px var(--border-hover)}.proj-card:hover:before{opacity:1}.proj-card--featured{border-color:var(--purple-border);background:linear-gradient(160deg,rgba(139,92,246,.04) 0%,var(--bg-card) 40%)}.proj-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.proj-card__type{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--purple-light)}.proj-card__status{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--green)}.proj-card__status-dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0}.proj-card__name{font-size:18px;font-weight:600;color:var(--text);letter-spacing:-.02em;line-height:1.25;margin-bottom:10px}.proj-card__desc{font-size:14px;color:var(--text-2);line-height:1.72;margin-bottom:16px;flex:1}.proj-card__metric{font-family:var(--font-mono);font-size:12px;color:var(--text-3);background:var(--bg-subtle);border:1px solid var(--border);padding:8px 12px;border-radius:var(--r);margin-bottom:16px;line-height:1.5}.proj-card__tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px;list-style:none}.proj-card__tag{font-size:11px;color:var(--text-3);background:var(--bg-subtle);border:1px solid var(--border);padding:3px 9px;border-radius:var(--r);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.proj-card__tag:hover{color:var(--text-2);border-color:var(--border-hover)}.proj-card__links{display:flex;gap:8px;margin-top:auto}.proj-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--text-2);border:1px solid var(--border);padding:7px 14px;border-radius:var(--r);transition:color var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.proj-link:hover{color:var(--text);background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.proj-link--primary{color:var(--purple-light);border-color:var(--purple-border);background:var(--purple-dim)}.proj-link--primary:hover{background:#8b5cf62e;border-color:#8b5cf659;color:#c4b5fd}.projects-footer{display:flex;justify-content:center;margin-top:28px}@media (max-width: 640px){.projects-grid{grid-template-columns:1fr}.proj-card--featured{grid-column:1}.proj-card{padding:22px}}.stack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 900px){.stack-grid{grid-template-columns:1fr}}.stack-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:22px 24px;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.stack-block:hover{border-color:var(--border-hover);transform:translateY(-3px)}.stack-block__label{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:14px}.stack-block__chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.stack-chip{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:400;color:var(--text-2);background:var(--bg-subtle);border:1px solid var(--border);padding:6px 12px;border-radius:var(--r);transition:color var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease);cursor:default}.stack-chip__icon{display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--purple);transition:transform var(--dur) var(--ease)}.stack-chip:hover{color:var(--text);background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-2px)}.stack-chip:hover .stack-chip__icon{transform:scale(1.15)}.stack-chip--hi{color:var(--purple-light);background:var(--purple-dim);border-color:var(--purple-border)}.stack-chip--hi .stack-chip__icon{color:var(--purple-light)}.stack-chip--hi:hover{background:#8b5cf62e;border-color:#8b5cf659;color:#c4b5fd}.stack-chip:active{transform:scale(.97)}.contact{border-top:1px solid var(--border);padding:var(--section-py) 0}.contact__inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.contact__left{display:flex;flex-direction:column;gap:0}.contact__avail{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--green);background:var(--green-dim);border:1px solid var(--green-border);padding:6px 14px;border-radius:100px;margin-bottom:20px;width:fit-content}.contact__avail-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-dot 2.2s ease-in-out infinite;flex-shrink:0}.contact__title{font-size:clamp(26px,4vw,38px);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--text);margin-bottom:14px}.contact__title em{font-style:italic;color:var(--purple-light)}.contact__sub{font-size:15px;color:var(--text-2);line-height:1.75;margin-bottom:30px;max-width:380px}.contact__ctas{display:flex;gap:10px;flex-wrap:wrap}.contact__links{display:flex;flex-direction:column;gap:10px;list-style:none}.contact-link{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 18px;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease)}.contact-link:hover{border-color:var(--border-hover);background:var(--bg-hover);transform:translate(4px)}.contact-link__icon{width:36px;height:36px;border-radius:var(--r);background:var(--bg-hover);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;color:var(--text-2)}.contact-link__info{display:flex;flex-direction:column;gap:2px}.contact-link__platform{font-size:11px;color:var(--text-3);letter-spacing:.03em}.contact-link__handle{font-size:13px;font-weight:500;color:var(--text)}.footer{border-top:1px solid var(--border);padding:20px 0}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer__copy{font-size:12px;color:var(--text-3)}.footer__nav{display:flex;gap:20px}.footer__nav a{font-size:12px;color:var(--text-3);transition:color var(--dur) var(--ease)}.footer__nav a:hover{color:var(--text-2)}@media (max-width: 700px){.contact__inner{grid-template-columns:1fr;gap:40px}.footer__inner{flex-direction:column;align-items:flex-start;gap:12px}}