@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&family=Noto+Sans+SC:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:#eaf7ff;background:#07121f;margin:0;font:16px/1.65 Noto Sans SC,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{--page-bg:#07121f;--page-bg-soft:#0a192bb8;--surface:#0a1829b8;--surface-strong:#0d1f34eb;--surface-muted:#081422b8;--border-soft:#85c2ff29;--border-strong:#85c2ff47;--text-primary:#f5fbff;--text-secondary:#e1f0fcc7;--text-muted:#bcd6e88f;--accent:#59d5ff;--accent-strong:#8be6ff;--accent-soft:#59d5ff24;--accent-warm:#7cf2c6;--shadow-soft:0 24px 70px #010c1a59;--shadow-card:0 18px 55px #010c1a33;--heading-font:"Space Grotesk", "Noto Sans SC", sans-serif;--mono-font:"JetBrains Mono", "Cascadia Code", monospace;min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at 0 0,#59d5ff2e,#0000 28%),radial-gradient(circle at 100% 0,#7cf2c629,#0000 24%),linear-gradient(#07121f 0%,#091726 32%,#07111b 100%);position:relative;overflow-x:clip}.site-shell:before,.site-shell:after{content:"";filter:blur(110px);opacity:.28;pointer-events:none;z-index:0;border-radius:50%;width:34rem;height:34rem;position:fixed;inset:auto}.site-shell:before{background:#59d5ff7a;top:-12rem;right:-10rem}.site-shell:after{background:#0f7ec26b;bottom:-14rem;left:-10rem}.site-shell[data-theme=light]{--page-bg:#f5fbff;--page-bg-soft:#ffffffb8;--surface:#ffffffd1;--surface-strong:#fffffff5;--surface-muted:#f4f8fce6;--border-soft:#0d7ec21f;--border-strong:#0d7ec238;--text-primary:#08131d;--text-secondary:#102330c2;--text-muted:#2e4d6094;--accent:#0d7ec2;--accent-strong:#0a68a0;--accent-soft:#0d7ec21f;--accent-warm:#0d986f;--shadow-soft:0 28px 80px #123f601f;--shadow-card:0 18px 48px #1852801f;background:radial-gradient(circle at 0 0,#0d7ec229,#0000 28%),radial-gradient(circle at 100% 0,#0d986f24,#0000 24%),linear-gradient(#edf8ff 0%,#f8fbff 45%,#eef6fb 100%)}.site-header{z-index:1000;padding:18px 20px;position:fixed;top:0;left:0;right:0}.site-header__inner{border:1px solid #0000;border-radius:999px;justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100%);margin:0 auto;padding:14px 18px;transition:background-color .28s,border-color .28s,box-shadow .28s,-webkit-backdrop-filter .28s,backdrop-filter .28s;display:flex}.site-header--solid .site-header__inner{background:color-mix(in srgb, var(--page-bg-soft) 88%, transparent);border-color:var(--border-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow-card)}.brand-button{min-height:48px;color:var(--text-primary);background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.brand-button__mark{background:linear-gradient(145deg, #59d5ff38, #7cf2c633), var(--surface-strong);border:1px solid var(--border-strong);width:46px;height:46px;font:700 1rem/1 var(--heading-font);border-radius:16px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff14}.brand-button__meta{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.brand-button__meta strong{font:700 1rem/1.1 var(--heading-font)}.brand-button__meta small{color:var(--text-muted);font-size:.8rem}.desktop-nav{align-items:center;gap:10px;display:flex}.nav-link{min-height:44px;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:999px;padding:0 14px;transition:color .24s,background-color .24s,border-color .24s,transform .24s}.nav-link:hover,.nav-link:focus-visible,.nav-link--active{color:var(--text-primary);background:var(--accent-soft);border-color:var(--border-strong);transform:translateY(-1px)}.header-actions{align-items:center;gap:12px;display:flex}.menu-button{border:1px solid var(--border-strong);background:var(--surface);width:44px;height:44px;color:var(--text-primary);border-radius:14px;justify-content:center;align-items:center;display:none}.page-main{z-index:1;width:min(1180px,100% - 32px);margin:0 auto;padding:110px 0 56px;position:relative}.page-stack{gap:28px;display:grid}.panel{background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:30px}.section-block{margin-top:28px;padding:30px}.section-heading{flex-direction:column;gap:14px;margin-bottom:28px;display:flex}.section-heading__eyebrow{background:var(--accent-soft);color:var(--accent-strong);font:600 .78rem/1 var(--mono-font);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:8px 14px;display:inline-flex}.section-heading h2,.hero-copy h1,.hero-side h2,.project-card h3,.section-card h3,.site-footer__title{font-family:var(--heading-font);letter-spacing:-.04em;margin:0}.section-heading h2{font-size:clamp(2rem,4vw,3rem)}.section-heading p,.hero-copy p,.hero-side p,.timeline-entry p,.section-card p,.contact-card p,.site-footer__text{color:var(--text-secondary);margin:0}.hero-section{grid-template-columns:minmax(0,1.2fr) minmax(340px,.85fr);align-items:end;gap:24px;min-height:calc(100dvh - 146px);padding:38px;display:grid;position:relative}.hero-copy{flex-direction:column;align-items:flex-start;gap:18px;max-width:680px;display:flex}.hero-eyebrow{color:var(--accent-strong);font:600 .88rem/1 var(--mono-font);letter-spacing:.14em;text-transform:uppercase}.hero-copy h1{font-size:clamp(3rem,8vw,6.1rem);line-height:.94}.hero-lead{max-width:56ch;font-size:1.08rem}.hero-description{max-width:60ch}.hero-chips,.tag-row,.project-links,.contact-badges{flex-wrap:wrap;gap:10px;display:flex}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.hero-side{border:1px solid var(--border-strong);background:linear-gradient(#59d5ff14,#7cf2c605);border-radius:26px;flex-direction:column;gap:18px;padding:24px;display:flex}.hero-side__list{gap:14px;display:grid}.hero-side__item{align-items:flex-start;gap:12px;display:flex}.hero-side__icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent-strong);border-radius:14px;place-items:center;font-size:1rem;display:grid}.hero-side__item strong,.overview-card__value,.timeline-entry h3,.project-card h3,.contact-card strong,.soft-power__title,.skill-row__value{color:var(--text-primary)}.hero-side__meta{gap:4px;display:grid}.hero-scroll{color:var(--text-secondary);background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex;position:absolute;bottom:34px;left:38px}.hero-scroll__icon{background:var(--accent-soft);border:1px solid var(--border-soft);border-radius:50%;place-items:center;width:38px;height:38px;animation:1.8s ease-in-out infinite floatArrow;display:grid}.overview-grid,.projects-grid,.contact-grid,.skills-grid,.story-grid{gap:18px;display:grid}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-card{background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:24px;padding:22px}.overview-card__label{color:var(--text-muted);font-size:.9rem}.overview-card__value{font:700 clamp(1.8rem, 3vw, 2.4rem) / 1 var(--heading-font);margin-top:14px}.overview-card__description{margin-top:8px}.story-grid,.skills-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-card,.project-card,.contact-card{border:1px solid var(--border-soft);background:var(--surface-strong);height:100%;box-shadow:var(--shadow-card)}.section-card .ant-card-body,.project-card .ant-card-body,.contact-card .ant-card-body{padding:26px}.story-card__quote{border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--text-primary);border-radius:0 18px 18px 0;margin:0;padding:18px 20px;font-size:1.05rem}.story-card__copy{gap:16px;display:grid}.timeline-stack{gap:18px;display:grid}.timeline-card .ant-timeline{margin-top:8px}.timeline-card .ant-timeline-item-tail{border-inline-start-color:var(--border-strong)}.timeline-card .ant-timeline-item-head{box-shadow:0 0 0 5px color-mix(in srgb, var(--page-bg) 70%, transparent)}.timeline-entry{gap:10px;display:grid}.timeline-entry__period{color:var(--accent-strong);font:600 .88rem/1 var(--mono-font);letter-spacing:.1em;text-transform:uppercase}.timeline-entry__subtitle{color:var(--text-muted)}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.projects-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.project-cover{background:radial-gradient(circle at 20% 10%,#7cf2c638,#0000 28%),radial-gradient(circle at 100% 0,#59d5ff47,#0000 34%),linear-gradient(160deg,#091828f5,#091828d1);min-height:190px;padding:22px;position:relative;overflow:hidden}.site-shell[data-theme=light] .project-cover{background:radial-gradient(circle at 20% 10%,#0d986f2e,#0000 28%),radial-gradient(circle at 100% 0,#0d7ec238,#0000 34%),linear-gradient(160deg,#f4f8fcfa,#eef5faeb)}.project-cover__preview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;padding:16px;position:absolute;inset:22px 22px auto}.site-shell[data-theme=light] .project-cover__preview{background:#ffffffa6;border-color:#0d7ec224}.project-cover__window{gap:6px;margin-bottom:14px;display:flex}.project-cover__window span{background:#ffffff4d;border-radius:50%;width:9px;height:9px}.site-shell[data-theme=light] .project-cover__window span{background:#0d7ec22e}.project-cover__lines{gap:9px;display:grid}.project-cover__lines span{background:linear-gradient(90deg,#59d5ff8c,#7cf2c629);border-radius:999px;height:11px;display:block}.project-cover__lines span:nth-child(2){width:78%}.project-cover__lines span:nth-child(3){width:56%}.mini-cover{background:radial-gradient(circle at 20% 10%,#59d5ff1f,#0000 36%),radial-gradient(circle at 100% 0,#7cf2c61a,#0000 30%),linear-gradient(160deg,#091828f5,#091828d1);justify-content:center;align-items:center;min-height:110px;padding:16px;display:flex;overflow:hidden}.site-shell[data-theme=light] .mini-cover{background:radial-gradient(circle at 20% 10%,#0d7ec21a,#0000 36%),radial-gradient(circle at 100% 0,#0d986f14,#0000 30%),linear-gradient(160deg,#f4f8fcfa,#eef5faeb)}.mini-cover svg{opacity:.85;width:120px;height:80px}.project-card__summary{margin:14px 0 18px}.project-links{margin-top:18px}.skills-grid{align-items:start}.skill-list{gap:18px;display:grid}.skill-row{gap:10px;display:grid}.skill-row__meta{color:var(--text-secondary);justify-content:space-between;gap:12px;display:flex}.soft-power{gap:14px;margin-top:22px;display:grid}.soft-power__item{background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:18px;padding:16px 18px}.soft-power__title{margin-bottom:6px;font-weight:600}.contact-grid{align-items:start}.contact-list{gap:14px;margin-top:18px;display:grid}.contact-card{border-radius:24px}.contact-card__row{align-items:flex-start;gap:14px;display:flex}.contact-card__icon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent-strong);border-radius:16px;place-items:center;display:grid}.contact-card__meta{gap:6px;display:grid}.contact-form-note{margin-bottom:18px}.page-stack>*{margin-top:0}.page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.page-link-card{border:1px solid var(--border-soft);background:var(--surface-strong);width:100%;color:var(--text-primary);text-align:left;box-shadow:var(--shadow-card);border-radius:24px;gap:18px;padding:24px;transition:transform .24s,border-color .24s,background-color .24s;display:grid}.page-link-card:hover,.page-link-card:focus-visible{border-color:var(--border-strong);background:color-mix(in srgb, var(--surface-strong) 90%, var(--accent-soft));transform:translateY(-4px)}.page-link-card__eyebrow{color:var(--accent-strong);font:600 .82rem/1 var(--mono-font);letter-spacing:.08em;text-transform:uppercase}.page-link-card__body{gap:10px;display:grid}.page-link-card__body h3{font-family:var(--heading-font);letter-spacing:-.03em;margin:0}.page-link-card__body p,.page-link-card__footer{color:var(--text-secondary)}.page-link-card__footer{font-weight:600}.site-footer{z-index:1;background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid var(--border-soft);width:min(1180px,100% - 32px);box-shadow:var(--shadow-card);border-radius:26px;justify-content:space-between;align-items:center;gap:18px;margin:0 auto 32px;padding:24px 30px;display:flex;position:relative}.site-footer__title{font-size:1.05rem}.site-footer__link{min-height:44px;padding-inline:0}.mobile-drawer{gap:10px;display:grid}.mobile-drawer__label{color:var(--text-muted);font:600 .82rem/1 var(--mono-font);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}.nav-link--mobile{border-radius:18px;justify-content:flex-start;width:100%}.ant-drawer .ant-drawer-content,.ant-drawer .ant-drawer-header{background:var(--surface-strong)}.ant-drawer .ant-drawer-body{padding-top:6px}.ant-progress .ant-progress-inner{background:color-mix(in srgb, var(--surface-muted) 80%, transparent)}.ant-progress .ant-progress-bg{box-shadow:0 0 14px #59d5ff2e}.ant-descriptions .ant-descriptions-item-label,.ant-descriptions .ant-descriptions-item-content,.ant-form-item .ant-form-item-label>label,.ant-alert-message,.ant-alert-description{color:inherit}.ant-card,.ant-alert,.ant-input,.ant-input-affix-wrapper,.ant-input-textarea textarea,.ant-tag,.ant-switch,.ant-drawer,.ant-btn,.ant-float-btn{box-shadow:none}.ant-input,.ant-input-affix-wrapper,.ant-input-textarea textarea{background:var(--surface-muted);border-color:var(--border-soft);color:var(--text-primary)}.ant-input::placeholder,.ant-input-textarea textarea::placeholder{color:var(--text-muted)}.ant-btn-default{border-color:var(--border-strong);color:var(--text-primary);background:0 0}.ant-btn-link{color:var(--accent-strong)}.ant-tag{border-radius:999px;margin-inline-end:0;padding:6px 10px}@keyframes floatArrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (width<=1100px){.hero-section,.projects-grid,.overview-grid,.page-grid,.story-grid,.skills-grid,.contact-grid{grid-template-columns:1fr}.hero-section{min-height:auto}}@media (width<=920px){.desktop-nav{display:none}.menu-button{display:inline-flex}.site-header{padding-inline:14px}.site-header__inner{padding:12px 14px}}@media (width<=720px){.page-main{width:min(100%,100% - 20px);padding-top:94px}.hero-section,.section-block,.site-footer{padding:22px}.hero-section{gap:18px}.hero-copy h1{font-size:clamp(2.6rem,16vw,4.3rem)}.hero-actions,.project-links{width:100%}.hero-actions .ant-btn,.project-links .ant-btn{flex:100%}.hero-scroll{margin-top:8px;position:static}.section-card .ant-card-body,.project-card .ant-card-body,.contact-card .ant-card-body{padding:22px}.site-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}