:root{--bg:#f5f7fb;--surface:#ffffff;--surface-2:#eef2f8;--text:#152033;--muted:#607087;--line:#dce3ee;--accent:#4f46e5;--accent-2:#0891b2;--accent-3:#7c3aed;--shadow:0 18px 50px rgba(23,35,58,.10);--radius:22px;--header:rgba(245,247,251,.82);--focus:#f59e0b;--max:1180px}
[data-theme="dark"]{--bg:#080d18;--surface:#101827;--surface-2:#172235;--text:#eef4ff;--muted:#a7b5ca;--line:#25344d;--accent:#8b86ff;--accent-2:#36d2ee;--accent-3:#b692ff;--shadow:0 22px 65px rgba(0,0,0,.35);--header:rgba(8,13,24,.82);--focus:#fbbf24}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit}img{max-width:100%;height:auto}button,input,select{font:inherit}.container{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.skip-link{position:fixed;z-index:9999;top:.5rem;left:.5rem;transform:translateY(-180%);background:var(--text);color:var(--bg);padding:.7rem 1rem;border-radius:10px}.skip-link:focus{transform:none}.scroll-progress{position:fixed;z-index:1000;inset:0 auto auto 0;height:3px;width:var(--progress,0%);background:linear-gradient(90deg,var(--accent),var(--accent-2))}.site-header{position:sticky;top:0;z-index:900;background:var(--header);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{text-decoration:none;font-weight:850;letter-spacing:-.03em;display:flex;align-items:center;gap:.7rem}.brand-mark{width:34px;height:34px;border-radius:12px;background:conic-gradient(from 220deg,var(--accent),var(--accent-2),var(--accent-3),var(--accent));box-shadow:0 0 28px color-mix(in srgb,var(--accent) 35%,transparent);position:relative}.brand-mark:after{content:"ZH";position:absolute;inset:2px;background:var(--surface);border-radius:10px;display:grid;place-items:center;font-size:.7rem;font-weight:900}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-links a,.nav-actions button,.nav-actions a{border:0;background:transparent;text-decoration:none;color:var(--muted);padding:.55rem .75rem;border-radius:10px;font-weight:650}.nav-links a:hover,.nav-links a[aria-current="page"],.nav-actions button:hover,.nav-actions a:hover{color:var(--text);background:var(--surface-2)}.nav-actions{display:flex;align-items:center}.icon-button{width:42px;height:42px;display:grid;place-items:center;cursor:pointer}.menu-button{display:none}*:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.hero{min-height:min(760px,calc(100svh - 72px));display:grid;align-items:center;position:relative;padding:4.25rem 0 3.5rem;isolation:isolate}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:clamp(2rem,4vw,4rem)}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:var(--accent-2);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem}.eyebrow:before{content:"";width:28px;height:2px;background:currentColor}.hero h1{font-size:clamp(3rem,8vw,6.7rem);line-height:.92;letter-spacing:-.075em;margin:.55rem 0 1.4rem;max-width:10ch}.gradient-text{background:linear-gradient(100deg,var(--accent),var(--accent-2) 55%,var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:clamp(1.08rem,2.2vw,1.35rem);color:var(--muted);max-width:670px}.hero-meta{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;margin:1.4rem 0 1.7rem;color:var(--muted);font-weight:650}.hero-meta span{display:flex;align-items:center;gap:.45rem}.actions{display:flex;flex-wrap:wrap;gap:.8rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.7rem 1.05rem;border-radius:13px;border:1px solid var(--line);background:var(--surface);text-decoration:none;font-weight:800;box-shadow:0 8px 24px rgba(22,32,54,.06);cursor:pointer}.button.primary{background:linear-gradient(120deg,var(--accent),var(--accent-3));color:white;border-color:transparent}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.hero-visual{position:relative;display:grid;place-items:center;min-height:470px}.portrait-wrap{width:min(90%,390px);aspect-ratio:4/5;border-radius:38px;overflow:hidden;position:relative;box-shadow:var(--shadow);border:1px solid color-mix(in srgb,var(--line) 55%,transparent);background:var(--surface)}.portrait-wrap img{width:100%;height:100%;object-fit:cover}.portrait-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(5,11,24,.35))}.orbit{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%;animation:spin 22s linear infinite}.orbit.one{width:460px;height:460px}.orbit.two{width:350px;height:350px;animation-direction:reverse;animation-duration:18s}.orbit-dot{position:absolute;top:50%;left:-5px;width:10px;height:10px;background:var(--accent-2);border-radius:50%;box-shadow:0 0 20px var(--accent-2)}.float-label{position:absolute;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--line);padding:.6rem .8rem;border-radius:14px;box-shadow:var(--shadow);font-size:.8rem;font-weight:800;backdrop-filter:blur(12px)}.float-label.a{top:10%;right:-2%}.float-label.b{bottom:14%;left:-7%}.float-label.c{bottom:4%;right:2%}.network-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.55}.hero-glow{position:absolute;width:50vw;height:50vw;max-width:750px;max-height:750px;left:-20%;top:-15%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%);filter:blur(20px);z-index:-1}.section{padding:5rem 0}.section.compact{padding:3.75rem 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.section-head h2,.page-hero h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1;letter-spacing:-.055em;margin:.4rem 0}.section-head p,.page-hero p{max-width:700px;color:var(--muted);font-size:1.08rem}.grid{display:grid;gap:1.15rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem;box-shadow:0 6px 30px rgba(22,32,54,.045);position:relative;overflow:hidden}.card h3{margin:.25rem 0 .65rem;letter-spacing:-.025em;font-size:1.2rem}.card p{color:var(--muted)}.card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .35s}.card:hover::before{transform:scaleX(1)}.tag-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.tag{font-size:.76rem;font-weight:750;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);padding:.25rem .55rem;border-radius:999px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.metric{padding:1.2rem;border-left:2px solid var(--accent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent);border-radius:0 16px 16px 0}.metric strong{display:block;font-size:1.55rem;letter-spacing:-.04em}.metric span{color:var(--muted);font-size:.88rem}.project-card{display:grid;grid-template-rows:auto 1fr auto;min-height:310px}.project-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 18%,var(--surface)),color-mix(in srgb,var(--accent-2) 12%,var(--surface)));font-size:1.35rem}.card-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;color:var(--accent);text-decoration:none;margin-top:1rem}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:.45rem;top:.45rem;bottom:.45rem;width:2px;background:var(--line)}.timeline-item{position:relative;margin-bottom:2rem}.timeline-item:before{content:"";position:absolute;left:-1.92rem;top:.45rem;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--bg)}.timeline-item h3{margin:0}.timeline-item p{color:var(--muted)}.page-hero{padding:6rem 0 3rem;position:relative;overflow:hidden}.page-hero .lead{font-size:1.2rem;max-width:820px}.breadcrumbs{display:flex;gap:.5rem;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.breadcrumbs a{text-decoration:none}.toolbar{position:sticky;top:84px;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);padding:1rem;border:1px solid var(--line);border-radius:18px;margin-bottom:1.5rem;display:grid;grid-template-columns:1.3fr repeat(3,minmax(135px,.5fr));gap:.7rem}.field{display:grid;gap:.3rem}.field label{font-size:.78rem;font-weight:800;color:var(--muted)}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);padding:.68rem .75rem}.coursework-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.module-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.15rem;transition:transform .25s,border-color .25s}.module-card[hidden]{display:none!important}.module-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.module-code{font:800 .78rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));padding:.45rem .55rem;border-radius:10px;height:max-content}.module-card h2{font-size:1.05rem;margin:0 0 .35rem}.module-card p{margin:.35rem 0;color:var(--muted);font-size:.92rem}.module-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.module-meta span{font-size:.72rem;font-weight:750;padding:.2rem .45rem;background:var(--surface-2);border-radius:999px}.source-link{font-size:.78rem;font-weight:800;color:var(--accent);text-decoration:none}.filter-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:-.35rem 0 1.25rem}.filter-summary p{margin:0;color:var(--muted)}.filter-reset{border:1px solid var(--line);background:var(--surface);color:var(--accent);padding:.55rem .75rem;border-radius:999px;font-weight:800;cursor:pointer;box-shadow:0 5px 18px rgba(22,32,54,.04)}.filter-reset:hover,.filter-reset:focus-visible{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));transform:translateY(-1px)}.filter-reset[hidden]{display:none}.empty-state{display:none;text-align:center;padding:3rem;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tab{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:.6rem .8rem;border-radius:999px;cursor:pointer;font-weight:750}.tab[aria-selected="true"]{background:var(--text);color:var(--bg);border-color:var(--text)}.tab-panel[hidden]{display:none}.validation-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;align-items:stretch}.flow-step{padding:1rem;background:var(--surface);border:1px solid var(--line);border-radius:16px;position:relative}.flow-step:not(:last-child):after{content:"→";position:absolute;right:-.68rem;top:50%;z-index:2;color:var(--accent);font-weight:900}.flow-step strong{display:block}.flow-step span{color:var(--muted);font-size:.84rem}.project-gallery{display:grid;grid-template-columns:1.4fr .6fr;gap:1rem}.project-gallery img{width:100%;height:100%;object-fit:cover;border-radius:18px;border:1px solid var(--line)}.notice{border-left:4px solid var(--accent-2);padding:1rem 1.2rem;background:color-mix(in srgb,var(--accent-2) 8%,var(--surface));border-radius:0 14px 14px 0;color:var(--muted)}.reference-list{display:grid;gap:.8rem}.reference{padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.reference a{color:var(--accent);font-weight:800}.footer{padding:3rem 0;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:2rem;align-items:center}.footer-links{display:flex;flex-wrap:wrap;gap:.65rem 1.1rem}.footer-links a{display:inline-flex;align-items:center}.footer-links a+a:before{content:"·";margin-right:1.1rem;color:var(--line)}.footer a{text-decoration:none}.command-dialog{width:min(650px,calc(100% - 2rem));border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);padding:0}.command-dialog::backdrop{background:rgba(3,8,18,.65);backdrop-filter:blur(5px)}.command-head{padding:1rem;border-bottom:1px solid var(--line)}.command-head input{width:100%;padding:.8rem;border:0;background:var(--surface-2);color:var(--text);border-radius:12px}.command-list{list-style:none;margin:0;padding:.6rem;max-height:55vh;overflow:auto}.command-list a{display:flex;justify-content:space-between;text-decoration:none;padding:.75rem;border-radius:10px}.command-list a:hover,.command-list a:focus{background:var(--surface-2)}.command-list span{color:var(--muted);font-size:.8rem}.cursor-glow{position:fixed;z-index:-1;width:340px;height:340px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%);transform:translate(-50%,-50%)}[data-reveal]{opacity:1;transform:none}.reveal-enabled [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal-enabled [data-reveal].visible{opacity:1;transform:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}

@media(max-width:1050px) and (min-width:761px){.hero-grid{grid-template-columns:minmax(0,1fr) 300px;gap:2rem}.portrait-wrap{width:300px}.orbit.one{width:370px;height:370px}.orbit.two{width:295px;height:295px}.hero h1{font-size:clamp(3rem,7vw,5.4rem)}}
@media(max-width:760px){.hero-grid,.grid.three,.grid.two,.project-gallery{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{min-height:390px;order:-1}.portrait-wrap{width:300px}.orbit.one{width:360px;height:360px}.orbit.two{width:285px;height:285px}.coursework-grid{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr 1fr}.validation-flow{grid-template-columns:1fr}.flow-step:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-1rem}.metric-row{grid-template-columns:1fr}.nav-links{position:fixed;inset:72px 1rem auto;display:none;flex-direction:column;align-items:stretch;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:.7rem;box-shadow:var(--shadow)}.nav-links.open{display:flex}.menu-button{display:grid}.nav-actions .command-button{display:none}}
@media(max-width:560px){.container{width:min(calc(100% - 1.2rem),var(--max))}.section{padding:3.75rem 0}.hero{padding-top:3rem}.hero h1{font-size:3.25rem}.hero-visual{min-height:330px}.portrait-wrap{width:245px}.orbit.one{width:300px;height:300px}.orbit.two{width:245px;height:245px}.float-label{font-size:.68rem}.toolbar{grid-template-columns:1fr}.module-card{grid-template-columns:1fr}.section-head{display:block}.footer-grid{display:block}.footer-links{margin-top:1rem}.nav-actions a{padding:.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.network-canvas,.cursor-glow,.orbit{display:none}.reveal-enabled [data-reveal]{opacity:1;transform:none}}