:root{--bg: #fbfbfd;--bg2:#f3f4f7;--text:#0e0f13;--muted:#5b6170;--border: rgba(20,20,30,.1);--glass: rgba(255,255,255,.65);--shadow: 0 24px 70px rgba(10,10,20,.12);--shadow2: 0 18px 45px rgba(10,10,20,.1);--radius: 24px;--radius2: 18px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--sans);color:var(--text);background:radial-gradient(1200px 700px at 70% 0%,#ffffff 0%,var(--bg2) 55%,var(--bg) 100%);overflow-x:hidden}a{color:inherit;text-decoration:none}b{font-weight:720}.app{min-height:100vh;position:relative}.loading-wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:50;background:radial-gradient(900px 520px at 50% 35%,#fff,#f3f4f7 55%,#fbfbfd)}.loading-bg{position:absolute;inset:0;background:radial-gradient(900px 520px at 50% 35%,#0000,#0000000a 72%,#00000012),repeating-linear-gradient(90deg,rgba(20,20,24,.05) 0,rgba(20,20,24,.05) 1px,transparent 1px,transparent 28px);opacity:.5}.loading-center{width:min(880px,92vw);display:grid;gap:22px;place-items:center;position:relative;padding:28px}.loading-rings{width:160px;height:160px;position:relative;border-radius:999px;background:#ffffff59;border:1px solid rgba(20,20,24,.08);box-shadow:var(--shadow2);overflow:hidden}.ring{position:absolute;inset:18px;border-radius:999px;border:1px solid rgba(20,20,24,.18);filter:blur(0px)}.ring-a{inset:18px;animation:spin 2.6s linear infinite}.ring-b{inset:28px;border-style:dashed;animation:spin 3.4s linear infinite reverse;opacity:.7}.ring-c{inset:40px;opacity:.55;animation:pulse 1.35s ease-in-out infinite}.scanline{position:absolute;left:-40%;top:0;width:40%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(20,20,24,.08) 45%,rgba(20,20,24,.14) 50%,rgba(20,20,24,.08) 55%,transparent 100%);transform:skew(-12deg);animation:scan 1.6s ease-in-out infinite}.loading-text{text-align:center}.loading-text .mono{font-family:var(--mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#1414189e}.title-glitch{position:relative;font-size:clamp(28px,4.2vw,46px);font-weight:820;letter-spacing:-.02em;margin-top:8px;line-height:1.05}.title-glitch span{position:absolute;left:0;top:0;width:100%;opacity:.6;clip-path:inset(0 0 0 0)}.title-glitch span:first-child{transform:translate(2px,-1px);animation:glitch1 1.3s infinite steps(6)}.title-glitch span:last-child{transform:translate(-2px,1px);animation:glitch2 1.1s infinite steps(7);opacity:.45}.loading-text .sub{margin-top:10px;color:#141418a8}.loading-bar{height:10px;border-radius:999px;background:linear-gradient(90deg,#1414181a,#1414182e),radial-gradient(120px 20px at 20% 50%,rgba(20,20,24,.18),transparent 70%);box-shadow:0 10px 30px #0a0a141a}.pf-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55;pointer-events:none}.page{min-height:100vh;position:relative}.header{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border-bottom:1px solid rgba(20,20,24,.08)}.header-inner{width:min(1180px,92vw);margin:0 auto;padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:12px;min-width:280px}.brand-mark{width:38px;height:38px;border-radius:14px;background:radial-gradient(16px 16px at 30% 30%,#ffffffd9,#fff0 70%),linear-gradient(135deg,#14141829,#1414180d);border:1px solid rgba(20,20,24,.12);box-shadow:0 14px 30px #0a0a141a}.brand-name{font-weight:820;letter-spacing:-.02em}.brand-sub{font-size:12px;color:#14141899;margin-top:2px}.nav{display:flex;align-items:center;gap:10px}.nav-link{padding:10px 12px;border-radius:12px;color:#141418bd;border:1px solid transparent;transition:.2s ease}.nav-link:hover{background:#1414180a;border-color:#14141814}.nav-cta{padding:10px 14px;border-radius:14px;background:#14141814;border:1px solid rgba(20,20,24,.12);transition:.22s ease;font-weight:650}.nav-cta:hover{transform:translateY(-1px);background:#1414181a}.main{width:min(1180px,92vw);margin:0 auto;padding:28px 0 60px}.hero{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(20,20,24,.1);box-shadow:var(--shadow);background:linear-gradient(180deg,#ffffffd1,#ffffff9e);min-height:520px}.hero-bg{position:absolute;inset:0}.hero-glow{position:absolute;width:420px;height:420px;left:58%;top:12%;border-radius:999px;background:radial-gradient(circle at 30% 30%,#1414181a,#14141800 65%);filter:blur(2px);opacity:.9}.hero-glow-2{width:520px;height:520px;left:12%;top:42%;opacity:.7}.hero-inner{position:relative;padding:54px 48px 44px;display:flex;flex-direction:column;gap:18px}.kicker{display:inline-flex;width:fit-content;padding:10px 12px;border-radius:999px;background:#ffffffb3;border:1px solid rgba(20,20,24,.1);color:#141418bf;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-family:var(--mono)}.hero-title{margin:0;font-size:clamp(44px,6vw,72px);letter-spacing:-.04em;font-weight:880;line-height:1}.hero-lead{margin:0;max-width:720px;font-size:16px;line-height:1.65;color:#141418b8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:12px 16px;border-radius:14px;border:1px solid rgba(20,20,24,.12);background:#ffffffb8;transition:.22s ease;font-weight:650}.btn:hover{transform:translateY(-1px);background:#ffffffe0;box-shadow:0 14px 30px #0a0a141a}.btn.primary{background:#1414181a}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;max-width:720px}.stat{border-radius:18px;border:1px solid rgba(20,20,24,.1);background:#ffffffa8;padding:12px 14px}.stat:hover{transition:.22s ease;transform:translateY(-1px);background:#ffffffe0;box-shadow:0 14px 30px #0a0a141a}.stat-num{font-weight:840;letter-spacing:-.02em}.stat-label{font-size:12px;color:#1414189e;margin-top:2px}.hero-border{position:absolute;inset:0;border-radius:var(--radius);pointer-events:none;background:radial-gradient(600px 240px at 50% 0%,rgba(0,0,0,.05),transparent 60%),linear-gradient(135deg,#ffffff59,#fff0);opacity:.85}.section{margin-top:34px}.section-head{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.section-title{margin:0;font-size:24px;letter-spacing:-.02em;font-weight:860}.section-sub{margin:0;color:#141418a8;line-height:1.6}.projects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.p-card{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;border:1px solid rgba(20,20,24,.1);background:#ffffffc2;box-shadow:var(--shadow2);transition:.24s ease;min-height:320px}.p-card:hover{border-color:#1414182e;transition:.22s ease;transform:translateY(-1px);background:#ffffffe0;box-shadow:0 14px 30px #0a0a141a}.p-image{height:128px;position:relative;background:radial-gradient(180px 120px at 30% 30%,#ffffffbf,#fff0 70%),linear-gradient(135deg,#1414181f,#1414180a)}.p-image-inner{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 1px,transparent 1px,transparent 22px),radial-gradient(280px 180px at 70% 30%,rgba(0,0,0,.08),transparent 70%);opacity:.7}.p-image-shine{position:absolute;inset:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:rotate(16deg);opacity:0;transition:.28s ease}.p-card:hover .p-image-shine{opacity:1;animation:shine .9s ease forwards}.p-body{padding:14px;display:flex;flex-direction:column;gap:10px;flex:1}.p-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.p-title{margin:0;font-size:15px;font-weight:820;letter-spacing:-.01em}.p-chip{font-size:11px;padding:6px 10px;border-radius:999px;border:1px solid rgba(20,20,24,.1);color:#141418a8;background:#ffffffbf;white-space:nowrap}.p-desc{margin:0;color:#141418ad;line-height:1.55;font-size:13px}.p-desc-full,.p-card:hover .p-desc-short{display:none}.p-card:hover .p-desc-full{display:inline}.p-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(20,20,24,.08);color:#141418a6;font-size:12px}.p-link{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase}.p-arrow{font-size:14px}.bio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{border-radius:22px;border:1px solid rgba(20,20,24,.1);background:#ffffffc7;box-shadow:var(--shadow2);overflow:hidden;transition:.22s ease}.card:hover{transform:translateY(-1px);background:#ffffffe0;box-shadow:0 14px 30px #0a0a141a}.card.wide{grid-column:1 / -1}.card-title{padding:14px 16px;font-weight:840;letter-spacing:-.01em;border-bottom:1px solid rgba(20,20,24,.08);background:#ffffffd9}.card-body{padding:14px 16px 16px;color:#141418b8;line-height:1.65;font-size:14px}.card-body p{margin:0 0 10px}.card-body p:last-child{margin-bottom:0}.bullets ul{margin:0;padding-left:18px}.bullets li{margin:9px 0}.double{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini-title{font-weight:840;margin-bottom:8px}.mini{margin:0;padding-left:18px}.mini li{margin:8px 0}.contact{margin-top:14px;border-top:1px solid rgba(20,20,24,.08);padding-top:14px}.contact-title{font-weight:840;margin-bottom:10px}.contact-row{display:flex;flex-wrap:wrap;gap:8px}.contact-pill{padding:10px 12px;border-radius:999px;border:1px solid rgba(20,20,24,.1);background:#ffffffbf;font-family:var(--mono);font-size:12px;color:#141418b3}.contact-note{margin-top:10px;color:#141418a8}.footer{margin-top:34px;border-radius:var(--radius);border:1px solid rgba(20,20,24,.1);background:#ffffffb3;box-shadow:var(--shadow2)}.footer-inner{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.foot-brand{font-weight:860;display:flex;align-items:center;gap:10px}.foot-dot{width:10px;height:10px;border-radius:999px;background:#1414182e;border:1px solid rgba(20,20,24,.18)}.foot-sub{margin-top:4px;font-size:12px;color:#1414189e}.foot-right{display:flex;gap:10px;flex-wrap:wrap}.foot-link{padding:10px 12px;border-radius:12px;border:1px solid transparent;color:#141418b3;transition:.2s ease}.foot-link:hover{background:#1414180a;border-color:#14141814}@media(max-width:980px){.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{padding:44px 18px 36px}.brand{min-width:unset}.double{grid-template-columns:1fr}}@media(max-width:560px){.projects,.bio-grid,.hero-stats{grid-template-columns:1fr}.nav{display:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.05);opacity:.85}}@keyframes scan{0%{transform:translate(-30%) skew(-12deg)}60%{transform:translate(260%) skew(-12deg)}to{transform:translate(260%) skew(-12deg)}}@keyframes shine{0%{transform:translate(-40%) rotate(16deg)}to{transform:translate(55%) rotate(16deg)}}@keyframes glitch1{0%{clip-path:inset(0 0 80% 0)}20%{clip-path:inset(20% 0 55% 0)}40%{clip-path:inset(55% 0 20% 0)}60%{clip-path:inset(10% 0 70% 0)}80%{clip-path:inset(65% 0 15% 0)}to{clip-path:inset(0 0 80% 0)}}@keyframes glitch2{0%{clip-path:inset(70% 0 10% 0)}20%{clip-path:inset(50% 0 30% 0)}40%{clip-path:inset(15% 0 60% 0)}60%{clip-path:inset(60% 0 20% 0)}80%{clip-path:inset(25% 0 55% 0)}to{clip-path:inset(70% 0 10% 0)}}:root{--bg: #FAFAFA;--text: #111827;--muted: rgba(17,24,39,.68);--border: rgba(17,24,39,.12);--border-strong: rgba(17,24,39,.18);--accent: #2563EB;--accent-soft: rgba(37,99,235,.12);--shadow: 0 22px 60px rgba(17,24,39,.1)}body,.app{background:var(--bg);color:var(--text)}.header{background:#fafafad1;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-name{color:var(--text)}.brand-sub{color:var(--muted)}.nav-link{color:#111827c7;border:1px solid transparent}.nav-link:hover{background:#1118270a;border-color:#11182714}.nav-cta{background:var(--accent);color:#fff;border:1px solid rgba(37,99,235,.25);box-shadow:0 18px 45px #2563eb2e}.nav-cta:hover{filter:brightness(.98)}.hero{background:linear-gradient(180deg,#fff,#fafafa);border:1px solid var(--border);box-shadow:var(--shadow)}.kicker{background:#2563eb14;border:1px solid rgba(37,99,235,.18);color:#111827e6}.hero-title{color:var(--text)}.hero-lead{color:#111827bd}.btn{background:#fff;border:1px solid var(--border);color:var(--text);box-shadow:0 10px 28px #1118270f}.btn:hover{border-color:var(--border-strong);box-shadow:0 18px 45px #1118271a}.btn.primary{background:var(--accent);color:#fff;border-color:#2563eb40;box-shadow:0 18px 45px #2563eb2e}.card,.p-card,.stat{background:#fff;border:1px solid var(--border);box-shadow:0 18px 55px #11182714}.section-title{color:var(--text)}.section-sub{color:var(--muted)}.p-chip{background:#2563eb1a;border:1px solid rgba(37,99,235,.18);color:#111827e0}.footer{background:#fff;border-top:1px solid var(--border)}.sys-canvas{opacity:.7;mix-blend-mode:multiply;filter:contrast(1.05) saturate(1)}.sys-hud{background:#ffffffd1;border:1px solid var(--border);box-shadow:0 16px 48px #1118271a}.sys-title,.sys-hint,.sys-k{color:#1118279e}.sys-pill{background:#1118270a;border:1px solid rgba(17,24,39,.1);color:#111827b3}.hero-glow{background:radial-gradient(circle at 30% 30%,#2563eb1f,#2563eb00 70%);opacity:.8}.hero-glow-2{background:radial-gradient(circle at 30% 30%,#11182714,#11182700 70%);opacity:.7}.hero{background:#fafafa!important}.hero-bg{position:absolute;inset:0;pointer-events:none}.hero-inner{position:relative;z-index:3}.sys-wrap{position:absolute;inset:0;z-index:1;pointer-events:none}.sys-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.28;mix-blend-mode:multiply;filter:contrast(1.05)}.sys-panel{position:absolute;right:18px;bottom:18px;width:min(360px,44vw);background:#fafafac7;border:1px solid rgba(17,24,39,.12);border-radius:16px;box-shadow:0 18px 55px #1118271a;padding:12px;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sys-panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.sys-badge{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#111827b3}.sys-mode{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#2563eb}.sys-read{margin-top:10px;display:grid;gap:6px}.sys-line{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:12px;color:#111827c7}.sys-k{color:#1118278c}.sys-v{color:#111827db}body{background:#fafafa!important;color:#111827!important}.foot-dot{position:relative}.foot-dot:after{content:"";position:absolute;inset:-1px;border-radius:999px;background:#22c55e00;box-shadow:0 0 #22c55e00;animation:footDotBlink 1s infinite;pointer-events:none}@keyframes footDotBlink{0%,78%{background:#22c55e00;box-shadow:0 0 #22c55e00;transform:scale(.9);opacity:0}84%{background:#39cb6ff2;box-shadow:0 0 18px #22c55e73;transform:scale(1);opacity:1}to{background:#22c55e00;box-shadow:0 0 #22c55e00;transform:scale(1.15);opacity:0}}@media(prefers-reduced-motion:reduce){.foot-dot:after{animation:none}}.brand-mark{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:transparent}.brand-canvas{display:block;border-radius:12px}