:root{--bg: #ffffff;--bg-2: #f4f7fc;--surface: #ffffff;--surface-2: #f4f7fc;--surface-3: #eaf0fa;--surface-dark: #0b1220;--ink-900: #0f172a;--ink-700: #334155;--ink-500: #5b6b7f;--ink-300: #94a3b8;--line: rgba(15,23,42,.1);--line-2: rgba(15,23,42,.16);--c-cyan: #2563eb;--c-blue: #2563eb;--c-violet: #4d8bff;--brand-500: #2563eb;--brand-600: #1d4ed8;--accent-500: #2563eb;--accent-400: #4d8bff;--accent-grad: linear-gradient(110deg, #2563eb 0%, #4d8bff 100%);--accent-grad-soft: linear-gradient(110deg, rgba(37,99,235,.1), rgba(77,139,255,.08));--on-accent: #ffffff;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Sora", var(--font-sans);--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius: 12px;--notch: 12px;--shadow-sm: 0 1px 2px rgba(15,23,42,.04), 0 12px 30px -22px rgba(15,23,42,.3);--shadow-md: 0 26px 60px -34px rgba(15,23,42,.4);--ring: 0 0 0 4px rgba(37,99,235,.16);--container: 1180px;--gutter: clamp(1rem, 4vw, 2.5rem);--grid-ink: rgba(15,23,42,.04)}html[data-theme=dark]{--bg: #0b1220;--bg-2: #0a0f1a;--surface: #111b2e;--surface-2: #16233a;--surface-3: #1b2a44;--surface-dark: #070d18;--ink-900: #e8edf5;--ink-700: #b7c4d6;--ink-500: #93a4ba;--ink-300: #6b7c92;--line: rgba(150,175,200,.13);--line-2: rgba(150,175,200,.24);--c-cyan: #5b9bff;--c-blue: #5b9bff;--c-violet: #86b6ff;--brand-500: #5b9bff;--brand-600: #4d8bff;--accent-500: #5b9bff;--accent-400: #86b6ff;--accent-grad: linear-gradient(110deg, #5b9bff 0%, #86b6ff 100%);--accent-grad-soft: linear-gradient(110deg, rgba(91,155,255,.14), rgba(134,182,255,.1));--on-accent: #06101f;--shadow-sm: 0 1px 0 rgba(255,255,255,.03), 0 12px 30px -22px rgba(0,0,0,.8);--shadow-md: 0 26px 60px -34px rgba(0,0,0,.9);--ring: 0 0 0 4px rgba(91,155,255,.22);--grid-ink: rgba(150,175,200,.05)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--ink-900);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background .3s ease,color .3s ease}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(var(--grid-ink) 1px,transparent 1px) 0 0 / 100% 64px,linear-gradient(90deg,var(--grid-ink) 1px,transparent 1px) 0 0 / 64px 100%;mask-image:radial-gradient(130% 100% at 50% 0%,#000 60%,transparent 100%)}img,svg,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none;padding:0}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.08;font-weight:700;letter-spacing:-.025em}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{position:relative;padding-block:clamp(3.8rem,8vw,6.5rem)}.section--tight{padding-block:clamp(2.4rem,5vw,3.6rem)}.section--alt{background:var(--bg-2)}.section--dark{background:var(--surface-dark);color:#e9f0f7}.section--dark .muted{color:#93a6ba}.section+.section:before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:var(--line)}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-500)}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor;opacity:.7}.section--dark .eyebrow{color:var(--accent-400)}.h-xl{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800}.h-lg{font-size:clamp(1.9rem,4vw,2.9rem)}.h-md{font-size:clamp(1.25rem,2.3vw,1.6rem)}.lead{font-size:clamp(1.04rem,1.4vw,1.18rem);color:var(--ink-700)}.section--dark .lead{color:#b7c6d6}.muted{color:var(--ink-500)}.text-grad{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.stack>*+*{margin-top:1rem}.center{text-align:center}.measure{max-width:62ch}.measure-narrow{max-width:46ch}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-weight:600;font-size:.82rem;letter-spacing:.03em;text-transform:uppercase;padding:.82rem 1.35rem;cursor:pointer;border:1px solid transparent;border-radius:10px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--accent-grad);color:var(--on-accent)}.btn--primary:hover{box-shadow:var(--shadow-md)}.btn--ghost{background:transparent;border-color:var(--line-2);color:var(--ink-900)}.btn--ghost:hover{border-color:var(--brand-500);color:var(--brand-500)}.section--dark .btn--ghost{color:#e9f0f7}.section--dark .btn--ghost:hover{border-color:var(--accent-400);color:var(--accent-400)}.chip{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.76rem;font-weight:500;padding:.35rem .7rem;color:var(--ink-700);background:var(--surface-2);border:1px solid var(--line)}.section--dark .chip{background:#ffffff0a;color:#c6d3e0;border-color:#ffffff1a}.grid{display:grid;gap:1.4rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card{position:relative;background:var(--surface);border:1px solid var(--line);padding:1.7rem;box-shadow:var(--shadow-sm);border-radius:var(--radius);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand-500) 40%,var(--line-2));box-shadow:var(--shadow-md)}.card__icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:1.05rem;color:var(--brand-500);background:var(--accent-grad-soft);border:1px solid var(--line);border-radius:10px}.card h3{font-size:1.15rem;margin-bottom:.5rem}.card p{color:var(--ink-500);font-size:.96rem}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(160%) blur(14px);background:color-mix(in srgb,var(--bg) 80%,transparent);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:1rem}.nav__links{display:flex;align-items:center;gap:1.6rem}.nav__links a{font-family:var(--font-mono);font-weight:500;font-size:.82rem;letter-spacing:.02em;color:var(--ink-700);position:relative}.nav__links a:hover,.nav__links a[aria-current=page]{color:var(--brand-500)}.nav__links a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--accent-grad)}.nav__toggle{display:none;background:none;border:0;cursor:pointer;color:var(--ink-900)}.theme-toggle{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line-2);background:transparent;color:var(--ink-700);cursor:pointer;border-radius:8px;transition:color .2s,border-color .2s}.theme-toggle:hover{color:var(--brand-500);border-color:var(--brand-500)}.theme-toggle .moon,html[data-theme=dark] .theme-toggle .sun{display:none}html[data-theme=dark] .theme-toggle .moon{display:block}@media(max-width:880px){.nav__toggle{display:grid;place-items:center}.nav__links{position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:var(--surface);border-bottom:1px solid var(--line);padding:.5rem var(--gutter) 1.2rem;display:none}.nav__links.is-open{display:flex}.nav__links a{padding:.8rem 0;width:100%;border-bottom:1px solid var(--line)}.nav__links .btn{margin-top:.8rem;border-bottom:0}}.brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:800}.brand__mark{width:44px;height:44px;object-fit:cover;border-radius:10px;transition:filter .2s ease,transform .2s ease}.brand:hover .brand__mark{transform:translateY(-1px);filter:drop-shadow(0 4px 12px rgba(37,99,235,.35))}.brand__mark--dark,html[data-theme=dark] .brand__mark--light{display:none}html[data-theme=dark] .brand__mark--dark{display:inline-block}.brand__tag{font-family:var(--font-mono);font-weight:600;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-500)}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(45% 45% at 82% 12%,color-mix(in srgb,var(--c-blue) 18%,transparent),transparent 70%),radial-gradient(40% 45% at 8% 92%,color-mix(in srgb,var(--c-violet) 16%,transparent),transparent 70%)}.hero .container{position:relative;z-index:2}.hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:3rem;align-items:center;padding-block:clamp(3.5rem,8vw,6rem)}@media(max-width:920px){.hero__grid{grid-template-columns:1fr}}.hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.8rem}.hero__panel{position:relative;background:var(--surface);border:1px solid var(--line);padding:1.5rem;box-shadow:var(--shadow-md);border-radius:var(--radius)}.section-head{max-width:64ch;margin-bottom:2.6rem}.section-head.center{margin-inline:auto;text-align:center}.section-head.center .eyebrow{justify-content:center}.timeline{position:relative;padding-left:1.9rem}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--c-cyan),var(--c-violet))}.timeline__item{position:relative;padding-bottom:2rem}.timeline__item:before{content:"";position:absolute;left:-1.9rem;top:5px;width:13px;height:13px;background:var(--bg);border:2px solid var(--accent-500);transform:rotate(45deg)}.timeline__date{font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--brand-500);letter-spacing:.03em}.timeline__item h3{font-size:1.1rem;margin:.25rem 0 .15rem}.timeline__org{font-size:.92rem;color:var(--ink-500);font-weight:500}.timeline__item p{color:var(--ink-500);font-size:.96rem;margin-top:.5rem}.skill{margin-bottom:1.1rem}.skill__top{display:flex;justify-content:space-between;font-size:.88rem;font-weight:600;margin-bottom:.35rem;font-family:var(--font-mono)}.skill__bar{height:6px;background:var(--bg-2);overflow:hidden;border:1px solid var(--line);border-radius:4px}.skill__fill{height:100%;background:var(--accent-grad)}.ticks li{position:relative;padding-left:1.7rem;margin-bottom:.6rem;color:var(--ink-700)}.section--dark .ticks li{color:#c6d3e0}.ticks li:before{content:"";position:absolute;left:0;top:.3em;width:16px;height:16px;background:var(--accent-grad);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/13px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/13px no-repeat}.step{position:relative;padding-top:.4rem}.step__num{font-family:var(--font-mono);font-weight:700;font-size:.95rem;color:var(--brand-500);width:44px;height:44px;display:grid;place-items:center;margin-bottom:1rem;border:1px solid var(--line-2);background:var(--surface);border-radius:10px}.cta{position:relative;overflow:hidden;padding:clamp(2.2rem,5vw,3.2rem);text-align:center;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius)}.cta:before{content:"";position:absolute;inset:0;background:var(--accent-grad-soft);z-index:0}.cta>*{position:relative;z-index:1}.cta h2{color:var(--ink-900)}.site-footer{background:var(--surface-dark);color:#93a6ba;padding-block:3.5rem 2rem;border-top:1px solid var(--line)}.site-footer a:hover{color:var(--accent-400)}.site-footer h4{color:#fff;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1rem}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2.5rem}@media(max-width:760px){.footer-grid{grid-template-columns:1fr;gap:2rem}}.footer-bottom{margin-top:2.5rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;font-size:.82rem;font-family:var(--font-mono)}.field{margin-bottom:1.1rem}.field label{display:block;font-family:var(--font-mono);font-weight:600;font-size:.8rem;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-700);margin-bottom:.4rem}.field input,.field textarea,.field select{width:100%;font:inherit;padding:.82rem 1rem;background:var(--surface);color:var(--ink-900);border:1px solid var(--line-2);border-radius:6px;transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder,.field textarea::placeholder{color:var(--ink-300)}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent-500);box-shadow:var(--ring)}.proj{position:relative;background:var(--surface);border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow-sm);border-radius:var(--radius);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.proj:hover{transform:translateY(-4px);border-color:var(--line-2);box-shadow:var(--shadow-md)}.proj__shot{display:block;position:relative;aspect-ratio:1200/630;overflow:hidden;background:var(--surface-dark)}.proj__shot img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.proj:hover .proj__shot img{transform:scale(1.04)}.proj__logo{position:absolute;left:16px;bottom:-18px;z-index:2;width:54px;height:54px;background:#fff;border:1px solid var(--line-2);display:grid;place-items:center;padding:9px;border-radius:12px;box-shadow:var(--shadow-sm)}.proj__logo img{max-width:100%;max-height:100%;object-fit:contain}.proj__body{padding:1.9rem 1.4rem 1.5rem}.proj__body h3{font-size:1.22rem}.marquee{overflow:hidden;border-block:1px solid var(--line);padding-block:.9rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee__row{display:inline-flex;gap:2.5rem;white-space:nowrap;animation:marquee 34s linear infinite;font-family:var(--font-mono);color:var(--ink-500);font-size:.92rem;letter-spacing:.03em}@keyframes marquee{to{transform:translate(-50%)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}#bg3s-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:var(--bg);transition:opacity .6s ease,visibility .6s ease;animation:loaderAutoHide 0s linear 2.8s forwards}#bg3s-loader.is-hidden{opacity:0;visibility:hidden}@keyframes loaderAutoHide{to{opacity:0;visibility:hidden}}.loader__core{position:relative;width:132px;height:132px;display:grid;place-items:center}.loader__ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 62%,var(--brand-500) 86%,transparent);-webkit-mask:radial-gradient(closest-side,transparent 76%,#000 78%);mask:radial-gradient(closest-side,transparent 76%,#000 78%);animation:spin 1s linear infinite}.loader__img{width:96px;height:96px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow-md)}.loader__img--dark,html[data-theme=dark] .loader__img--light{display:none}html[data-theme=dark] .loader__img--dark{display:block}.skip-link{position:absolute;left:-999px;top:0;background:var(--surface);padding:.6rem 1rem;z-index:100}.skip-link:focus{left:.5rem;top:.5rem}:focus-visible{outline:2px solid var(--accent-500);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}