@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
/*
! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg:#0b0c0e;--bg-panel:#111214;--bg-panel-2:#17181b;--ink:#edeef0;--ink-soft:#9198a6;--ink-faint:#5b616e;--primary:#3b82f6;--line:#1e2024;--line-strong:#2a2d33;--radius:10px;--max:1080px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Inter,sans-serif;letter-spacing:-.02em}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}header{position:sticky;top:0;z-index:100;background:rgba(11,12,14,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{justify-content:space-between;padding:18px 24px}.logo,.nav{display:flex;align-items:center}.logo{gap:10px;font-weight:600;font-size:1rem;color:var(--ink)}.logo-mark{width:30px;height:30px;border-radius:7px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.8rem}.nav-links{display:flex;gap:28px;font-weight:500;font-size:.9rem}.nav-links a{color:var(--ink-soft);transition:color .15s}.nav-links a:hover{color:var(--ink)}.nav-cta{background:var(--ink);color:var(--bg);padding:9px 18px;border-radius:7px;font-weight:600;font-size:.88rem;transition:opacity .15s}.nav-cta:hover{opacity:.85}.burger{display:none;gap:5px;cursor:pointer;z-index:200;padding:8px;color:var(--ink)}.burger,.mobile-menu{flex-direction:column}.mobile-menu{display:flex;border-top:1px solid var(--line);background:var(--bg)}.mobile-menu a{padding:14px 24px;font-size:.95rem;font-weight:500;color:var(--ink-soft);border-bottom:1px solid var(--line)}.mobile-menu a:hover{color:var(--ink)}.hero{padding:100px 0 70px}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:64px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--ink-soft);font-weight:500;font-size:.88rem;margin-bottom:20px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#22c55e}.hero h1{font-size:clamp(2.1rem,3.8vw,3rem);font-weight:700;line-height:1.18;letter-spacing:-.015em;color:var(--ink);max-width:640px}.hero h1 .accent{color:var(--primary)}.hero .tagline{font-size:1.02rem;color:var(--ink-soft);margin:22px 0 32px;max-width:520px}.hero-btns{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.btn-primary{background:var(--primary);color:#fff;padding:12px 22px;border-radius:8px;font-weight:600;font-size:.94rem;transition:opacity .15s;display:inline-block;border:none}.btn-primary:hover{opacity:.88}.btn-ghost{border:1px solid var(--line-strong);padding:11px 22px;border-radius:8px;font-weight:600;font-size:.94rem;transition:border-color .15s,color .15s;display:inline-block;color:var(--ink-soft)}.btn-ghost:hover{border-color:var(--ink-soft);color:var(--ink)}.hero-visual{position:relative}.hv-avatar{width:100%;max-width:260px;aspect-ratio:4/5;border-radius:12px;background:var(--bg-panel);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line);margin-left:auto}.hv-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 20%;object-position:center 20%;filter:grayscale(.15)}.stats-strip{display:flex;flex-wrap:wrap;gap:0;margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}.stat-box{padding-right:36px;margin-right:36px;border-right:1px solid var(--line)}.stat-box:last-child{border-right:none;margin-right:0;padding-right:0}.stat-box .num{font-size:1.4rem;font-weight:700;color:var(--ink)}.stat-box .lbl{color:var(--ink-faint);font-size:.8rem;margin-top:2px}section{padding:80px 0}.section-head{max-width:600px;margin-bottom:44px}.section-head .tag{color:var(--ink-faint);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.76rem}.section-head h2{font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:700;margin-top:8px;color:var(--ink)}.section-head p{color:var(--ink-soft);margin-top:10px;font-size:.98rem}.chart-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.chart-card input,.chart-card select{background:var(--bg-panel-2);color:var(--ink)}.chart-card input::-moz-placeholder{color:var(--ink-faint)}.chart-card input::placeholder{color:var(--ink-faint)}input,select,textarea{background:var(--bg-panel-2);color:var(--ink);border:1px solid var(--line);font-family:Inter,sans-serif;border-radius:7px}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--ink-faint)}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input:focus,select:focus,textarea:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:1px}.skills-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 48px}.skill-group h3{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);margin-bottom:14px}.skill-list{list-style:none;display:flex;flex-direction:column;gap:9px}.skill-list li{font-size:.98rem;color:var(--ink-soft);display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:9px}.skill-list li.core{color:var(--ink);font-weight:600}.skill-list li .badge{font-size:.72rem;color:var(--ink-faint);font-weight:500}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.design-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .15s}.design-card:hover{border-color:var(--line-strong)}.design-thumb{aspect-ratio:16/10;background:var(--bg-panel-2);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.design-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.carousel{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.carousel img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:6px;border:none;background:rgba(0,0,0,.55);color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.design-thumb:hover .carousel-arrow{opacity:1}.carousel-arrow-left{left:8px}.carousel-arrow-right{right:8px}.carousel-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.carousel-dot{width:5px;height:5px;border-radius:50%;background:hsla(0,0%,100%,.4);cursor:pointer}.carousel-dot.active{background:#fff;width:14px;border-radius:3px}.design-body{padding:16px 18px}.design-body h4{font-size:.95rem;margin-bottom:4px;color:var(--ink);font-weight:600}.design-body .cat{color:var(--ink-faint);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.design-body p{color:var(--ink-soft);font-size:.85rem;margin:6px 0 12px}.panel3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.panel-card{background:var(--bg-panel);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 24px;transition:background .15s}.panel-card:hover{background:var(--bg-panel-2)}.panel-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:16px}.panel-card h3{font-size:1.02rem;margin-bottom:8px;color:var(--ink);font-weight:600}.panel-card p{color:var(--ink-soft);font-size:.9rem;margin-bottom:14px;line-height:1.6}.panel-tags{display:flex;flex-wrap:wrap;gap:6px}.panel-tags span{color:var(--ink-faint);font-size:.76rem;font-weight:500}.panel-tags span:not(:last-child):after{content:"·";margin-left:6px;color:var(--ink-faint)}.about-wrap{display:grid;grid-template-columns:.55fr 1.45fr;gap:48px;align-items:start}.about-photo{background:var(--bg-panel);border-radius:var(--radius);width:100%;max-width:220px;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line)}.about-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 20%;object-position:center 20%;filter:grayscale(.15)}.about-points{list-style:none;display:flex;flex-direction:column;gap:14px}.about-points li{display:flex;align-items:flex-start;gap:12px;font-size:1rem;color:var(--ink-soft);line-height:1.65}.about-point-icon{display:flex;opacity:.55;flex-shrink:0;margin-top:3px}.timeline,.tl-item{position:relative}.tl-item{padding:20px 0;border-bottom:1px solid var(--line)}.tl-item:first-child{padding-top:0}.tl-item:last-child{border-bottom:none;padding-bottom:0}.tl-card .role{font-weight:600;font-size:1rem;color:var(--ink)}.tl-card .org{color:var(--ink-soft);font-weight:500;font-size:.92rem;margin:2px 0 6px}.tl-card .meta{color:var(--ink-faint);font-size:.8rem;margin-bottom:8px}.tl-card p{color:var(--ink-soft);font-size:.92rem;margin-top:6px}.badge-live{display:inline-flex;align-items:center;gap:5px;color:#4ade80;font-size:.72rem;font-weight:600;margin-left:8px}.tl-dot,.tl-item .tl-dot{display:none}.edu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:16px}.edu-card{background:var(--bg-panel);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px}.edu-card h4{font-size:.98rem;margin-bottom:4px;color:var(--ink);font-weight:600}.edu-card .deg{color:var(--ink-soft);font-weight:500;font-size:.86rem}.edu-card .yr{color:var(--ink-faint);font-size:.8rem;margin:6px 0}.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.proj-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:border-color .15s}.proj-card:hover{border-color:var(--line-strong)}.proj-card h4{font-size:1rem;margin-bottom:6px;color:var(--ink);font-weight:600}.proj-card p{color:var(--ink-soft);font-size:.86rem;min-height:38px}.proj-meta{display:flex;gap:12px;margin-top:12px;font-size:.78rem;color:var(--ink-faint);font-weight:500}.loading-skel{height:150px;border-radius:var(--radius);background:linear-gradient(90deg,var(--bg-panel) 25%,var(--bg-panel-2) 50%,var(--bg-panel) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.contact-card{border-top:1px solid var(--line);padding-top:48px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}.contact-card h2{font-size:1.6rem;margin-bottom:12px;color:var(--ink);font-weight:700}.contact-card p{color:var(--ink-soft);margin-bottom:22px;font-size:.98rem}.contact-links{display:flex;flex-direction:column;gap:2px}.contact-links a{padding:11px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;font-weight:500;font-size:.92rem;color:var(--ink-soft);transition:color .15s}.contact-links a:hover{color:var(--ink)}footer{background:var(--bg);color:var(--ink-faint);padding:56px 0 0;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer-grid h4{color:var(--ink-soft);font-size:.82rem;font-weight:600;margin-bottom:14px;text-transform:uppercase;letter-spacing:.04em}.footer-grid a{display:block;color:var(--ink-faint);font-size:.88rem;margin-bottom:9px;transition:color .15s}.footer-grid a:hover{color:var(--ink)}.footer-logo{margin-bottom:12px}.copyright,.footer-logo{display:flex;gap:10px;align-items:center}.copyright{justify-content:space-between;padding:20px 0;font-size:.8rem;flex-wrap:wrap;border-top:1px solid var(--line)}.copyright .lic{color:var(--ink-faint)}@media(max-width:900px){.nav-links{display:none}.burger{display:flex}.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}.stats-strip{gap:20px}.stat-box{padding-right:0;margin-right:0;border-right:none;padding-bottom:14px}.about-wrap{grid-template-columns:1fr}.about-photo{max-width:160px}.design-grid,.edu-grid,.panel3,.proj-grid,.skills-groups{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.contact-card{grid-template-columns:1fr}}