:root{--bg: #f7faf8;--surface: #ffffff;--surface-alt: #eef6f5;--ink: #17202a;--muted: #5c6975;--line: #dbe4e1;--teal: #0d6b73;--teal-dark: #084f55;--amber: #b7791f;--amber-soft: #fff4dc;--blue: #2e6c95;--shadow: 0 24px 60px rgba(23, 32, 42, .12);font-family:Aptos,Segoe UI,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;color:var(--ink);background:var(--bg);scroll-behavior:smooth}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:linear-gradient(180deg,#ffffffe6,#f7faf8fa 36%),radial-gradient(circle at 12% 8%,rgba(13,107,115,.1),transparent 30%),radial-gradient(circle at 88% 18%,rgba(183,121,31,.08),transparent 28%),var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-shell{min-height:100vh}.topbar{align-items:center;backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid rgba(219,228,225,.8);display:grid;gap:24px;grid-template-columns:auto 1fr auto;left:0;padding:16px clamp(20px,5vw,72px);position:sticky;right:0;top:0;z-index:50}.brand{align-items:baseline;display:inline-flex;gap:10px;min-width:max-content}.brand span{color:var(--teal-dark);font-size:20px;font-weight:800}.brand small{color:var(--ink);font-size:15px;font-weight:700}nav{display:flex;gap:28px;justify-content:flex-end}nav a{border-radius:999px;color:var(--muted);font-size:14px;font-weight:700;padding:9px 10px;position:relative;transition:background .18s ease,color .18s ease,transform .18s ease}nav a:hover,nav a:focus-visible{background:#0d6b7314;color:var(--teal);transform:translateY(-1px)}nav a:active{transform:translateY(0) scale(.98)}.language-toggle,.button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:9px;justify-content:center;line-height:1;min-height:44px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.language-toggle{background:var(--surface);border:1px solid var(--line);color:var(--teal-dark);padding:0 14px}.language-toggle:hover,.button:hover,.resume-link:hover{box-shadow:0 12px 26px #0d6b731f;transform:translateY(-2px) scale(1.015)}.language-toggle:active,.button:active,.resume-link:active,.qr-card:active,.certificate-toggle:active,.certificate-row:active{transform:translateY(0) scale(.985)}.hero{align-items:center;display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);min-height:calc(100dvh - 78px);overflow:hidden;padding:clamp(38px,7vw,88px) clamp(20px,5vw,72px) clamp(52px,7vw,96px);position:relative}.hero-copy{max-width:730px;z-index:2}.name-line{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}h1,h2,h3,p{margin:0}h1{font-size:clamp(54px,8vw,112px);font-weight:850;letter-spacing:0;line-height:.92}.name-line span{color:var(--teal);font-size:clamp(28px,3vw,46px);font-weight:780;padding-bottom:7px}.hero-title{color:var(--teal-dark);font-size:clamp(20px,2vw,28px);font-weight:800;line-height:1.3;max-width:800px}.hero-summary{color:var(--muted);font-size:18px;line-height:1.78;margin-top:24px;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.button{border:1px solid transparent;padding:0 20px}.button-primary{background:var(--teal);color:#fff}.button-primary:hover{background:var(--teal-dark);box-shadow:0 10px 24px #0d6b733d}.button-secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.proof-strip{border-top:1px solid var(--line);display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;padding-top:24px}.proof-strip strong{color:var(--amber);display:block;font-size:20px;margin-bottom:6px}.proof-strip span{color:var(--muted);display:block;font-size:14px;line-height:1.45}.hero-media{border-radius:8px;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-media:after{background:linear-gradient(90deg,rgba(247,250,248,.35),transparent 38%);content:"";inset:0;pointer-events:none;position:absolute}.hero-media img{aspect-ratio:16 / 9;display:block;height:100%;object-fit:cover;width:100%}.scroll-cue{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;bottom:22px;color:var(--teal);display:flex;height:42px;justify-content:center;left:50%;position:absolute;transform:translate(-50%);width:42px}.section{border-top:1px solid var(--line);padding:clamp(58px,8vw,104px) clamp(20px,5vw,72px)}.section-heading{max-width:780px}.section-heading p{color:var(--teal);font-size:14px;font-weight:780;letter-spacing:.01em;margin-bottom:16px}.section-heading h2{font-size:clamp(32px,4.2vw,58px);font-weight:840;letter-spacing:0;line-height:1.04}.about-grid{align-items:start;display:grid;gap:clamp(28px,5vw,68px);grid-template-columns:minmax(0,.9fr) minmax(320px,1fr)}.about-body{color:var(--muted);font-size:17px;line-height:1.82}.about-points{display:grid;gap:16px;margin-top:28px}.about-point{align-items:flex-start;background:#ffffffa3;border:1px solid rgba(13,107,115,.13);display:flex;gap:12px;padding:16px 18px}.about-point svg{color:var(--teal);flex:0 0 auto;margin-top:4px}.skill-grid,.project-grid{display:grid;gap:18px;margin-top:36px}.skill-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card,.project-card,.life-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:0;padding:24px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.skill-card:hover,.project-card:hover,.life-card:hover{border-color:#0d6b7347;box-shadow:0 18px 38px #17202a17;transform:translateY(-4px)}.skill-card h3,.project-card h3,.life-card h3{font-size:18px;font-weight:820;line-height:1.25;margin-top:18px}.skill-card ul,.timeline-content ul{margin:18px 0 0;padding-left:19px}.skill-card li,.timeline-content li{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:8px}.icon-circle{align-items:center;background:var(--surface-alt);border:1px solid rgba(13,107,115,.18);border-radius:8px;color:var(--teal);display:inline-flex;height:46px;justify-content:center;width:46px}.experience-section{background:#ffffff80}.timeline{margin-top:38px}.timeline-row{display:grid;gap:32px;grid-template-columns:220px minmax(0,1fr);position:relative;transition:transform .18s ease}.timeline-row+.timeline-row{margin-top:34px;padding-top:34px}.timeline-row+.timeline-row:before{background:var(--line);content:"";height:1px;left:0;position:absolute;right:0;top:0}.timeline-meta{color:var(--muted);display:grid;gap:10px}.timeline-meta time{color:var(--teal-dark);font-size:15px;font-weight:850;transition:color .18s ease,transform .18s ease}.timeline-row:hover .timeline-meta time{color:var(--teal);transform:translate(2px)}.timeline-meta span{align-items:center;display:flex;font-size:14px;gap:7px}.timeline-content h3{font-size:22px;line-height:1.25}.timeline-content p{color:var(--amber);font-size:17px;font-weight:800;margin-top:6px}.project-card{display:flex;flex-direction:column}.project-card p,.life-card p{color:var(--muted);font-size:15px;line-height:1.72;margin-top:14px}.project-detail-list{display:grid;gap:11px;margin:18px 0 0}.project-detail{background:#0d6b730e;border:1px solid rgba(13,107,115,.12);border-radius:8px;padding:11px 12px}.project-detail dt{color:var(--teal-dark);font-size:12px;font-weight:900;letter-spacing:.035em;margin-bottom:5px;text-transform:uppercase}.project-detail dd{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.project-card .tag-row{margin-top:auto;padding-top:24px}.tag-row span{background:#0d6b7314;border:1px solid rgba(13,107,115,.18);border-radius:6px;color:var(--teal-dark);font-size:12px;font-weight:800;padding:7px 9px}.contact-section{align-items:start;display:grid;gap:clamp(28px,5vw,72px);grid-template-columns:minmax(0,1fr) 390px}.contact-note{color:var(--muted);font-size:17px;line-height:1.8;margin-top:22px;max-width:780px}.contact-list{display:grid;gap:15px;margin-top:30px}.contact-list a{align-items:center;color:var(--teal-dark);display:flex;font-size:15px;font-weight:800;gap:11px;line-height:1.45;width:fit-content}.resume-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 38px #17202a14;display:grid;gap:12px;padding:18px}.contact-boundary-card{align-items:start;background:linear-gradient(135deg,#f7fbf9,#edf6f4);border:1px solid rgba(13,107,115,.18);border-radius:8px;color:var(--teal-dark);display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr);padding:16px}.contact-boundary-card.quiet{background:#fff;color:var(--muted)}.contact-boundary-card svg{color:var(--teal);margin-top:2px}.contact-boundary-card strong{color:var(--teal-dark);display:block;font-size:15px;margin-bottom:6px}.contact-boundary-card em{color:var(--muted);display:block;font-size:13px;font-style:normal;line-height:1.55}.resume-link{align-items:center;background:var(--surface-alt);border:1px solid rgba(13,107,115,.18);border-radius:8px;color:var(--teal-dark);display:grid;font-size:15px;font-weight:850;gap:10px;grid-template-columns:auto 1fr auto;min-height:56px;padding:0 14px;transition:background .16s ease,transform .16s ease}.resume-link.quiet{background:#fff;color:var(--muted);grid-template-columns:1fr auto}footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;gap:12px;justify-content:space-between;padding:24px clamp(20px,5vw,72px)}@media(max-width:1080px){.topbar{grid-template-columns:1fr auto}nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:none}.hero-media{max-height:560px}.skill-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.topbar{gap:12px;padding:12px 16px}.brand span{font-size:18px}.brand small{display:none}.language-toggle{min-height:40px}.hero{padding:36px 16px 64px}h1{font-size:clamp(48px,16vw,70px)}.hero-title{font-size:19px}.hero-summary{font-size:16px;line-height:1.72}.hero-actions{display:grid}.proof-strip,.about-grid,.timeline-row,.contact-section{grid-template-columns:1fr}.proof-strip{gap:16px}.section{padding:56px 16px}.section-heading h2{font-size:32px;line-height:1.12}.skill-grid,.project-grid{grid-template-columns:1fr}.skill-card,.project-card{padding:20px}.timeline-row{gap:16px}.timeline-row+.timeline-row{margin-top:28px;padding-top:28px}.resume-panel{width:100%}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.learning-section{background:linear-gradient(180deg,#fff,#f3f8f6)}.learning-note{color:var(--muted);font-size:clamp(16px,2vw,18px);line-height:1.85;margin:20px 0 0;max-width:920px}.learning-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.learning-actions a,.certificate-links a{align-items:center;color:var(--teal-dark);display:inline-flex;font-size:13px;font-weight:850;gap:6px}.certificate-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}.certificate-card{background:#ffffffd1;border:1px solid rgba(13,107,115,.14);border-radius:10px;box-shadow:0 14px 32px #17202a0f;display:grid;gap:12px;grid-template-columns:124px minmax(0,1fr);min-height:144px;padding:12px}.certificate-thumb{background:#fff;border:1px solid var(--line);border-radius:8px;cursor:zoom-in;display:block;min-height:120px;overflow:hidden;padding:0;position:relative}.certificate-thumb img{display:block;height:100%;object-fit:cover;width:100%}.certificate-thumb span{align-items:center;background:#07363cd1;border-radius:999px;bottom:7px;color:#fff;display:inline-flex;height:28px;justify-content:center;position:absolute;right:7px;width:28px}.certificate-copy h3{color:var(--ink);font-size:15px;line-height:1.35;margin:0}.certificate-copy p{color:var(--muted);font-size:12px;line-height:1.45;margin:7px 0 10px}.certificate-links{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.qr-grid{display:grid;gap:12px}.qr-card{align-items:center;background:linear-gradient(135deg,#f7fbf9,#edf6f4);border:1px solid rgba(13,107,115,.18);border-radius:8px;color:inherit;cursor:zoom-in;display:grid;gap:14px;grid-template-columns:122px minmax(0,1fr) auto;padding:14px;text-align:left}.qr-card img{background:#fff;border:1px solid var(--line);border-radius:8px;display:block;height:122px;object-fit:cover;width:122px}.qr-card strong{color:var(--teal-dark);display:block;font-size:16px;margin-bottom:7px}.qr-card em{color:var(--muted);display:block;font-size:13px;font-style:normal;line-height:1.55}.modal-backdrop{align-items:center;background:#031418b8;display:flex;inset:0;justify-content:center;padding:22px;position:fixed;z-index:50}.modal-card{background:#fff;border-radius:14px;box-shadow:0 30px 90px #00000057;max-height:min(92vh,920px);max-width:min(92vw,980px);overflow:auto;padding:16px;position:relative}.modal-card img{display:block;max-height:74vh;max-width:100%;object-fit:contain}.modal-copy{border-top:1px solid var(--line);display:grid;gap:4px;margin-top:12px;padding-top:12px}.modal-copy strong{color:var(--teal-dark);font-size:17px}.modal-copy span{color:var(--muted);font-size:14px;line-height:1.55}.modal-close{align-items:center;background:var(--teal-dark);border:0;border-radius:999px;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;position:absolute;right:10px;top:10px;width:38px;z-index:2}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.portfolio-chat{bottom:calc(22px + env(safe-area-inset-bottom));position:fixed;right:clamp(16px,3vw,28px);z-index:80}.chat-launcher{align-items:center;background:#fffffff0;border:1px solid rgba(13,107,115,.2);border-radius:999px;box-shadow:0 18px 42px #17202a26;color:var(--teal-dark);cursor:pointer;display:inline-flex;gap:12px;max-width:min(310px,calc(100vw - 32px));padding:9px 15px 9px 9px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.chat-launcher:hover,.chat-launcher:focus-visible{background:#fff;border-color:#0d6b735c;box-shadow:0 22px 50px #17202a2e;transform:translateY(-3px)}.chat-launcher-icon,.chat-avatar{align-items:center;background:var(--surface-alt);border:1px solid rgba(13,107,115,.18);border-radius:14px;color:var(--teal-dark);display:inline-flex;flex:0 0 auto;height:50px;justify-content:center;position:relative;width:50px}.chat-launcher-copy{display:grid;gap:3px;min-width:0;text-align:left}.chat-launcher-copy strong{color:var(--teal-dark);font-size:14px;font-weight:900;line-height:1.15}.chat-launcher-copy small{color:var(--muted);font-size:12px;font-weight:800;line-height:1.25}.chat-online-dot{background:#2fb36f;border:2px solid #ffffff;border-radius:999px;bottom:-2px;box-shadow:0 0 0 4px #2fb36f24;height:13px;position:absolute;right:-2px;width:13px}.chat-panel{background:#fffffffa;border:1px solid rgba(13,107,115,.2);border-radius:16px;box-shadow:0 28px 80px #17202a38;display:grid;max-height:min(640px,calc(100vh - 38px - env(safe-area-inset-bottom)));overflow:hidden;width:min(390px,calc(100vw - 28px))}.chat-panel-header{align-items:center;background:linear-gradient(135deg,#eff8f6fa,#fff4dc9e),#fff;border-bottom:1px solid rgba(13,107,115,.13);display:grid;gap:11px;grid-template-columns:auto minmax(0,1fr) auto;padding:14px}.chat-avatar{border-radius:12px;height:46px;width:46px}.chat-panel-title{display:grid;gap:3px;min-width:0}.chat-panel-title strong{color:var(--teal-dark);font-size:15px;font-weight:900;line-height:1.2}.chat-panel-title small{color:var(--muted);font-size:12.5px;font-weight:750;line-height:1.35}.chat-close,.chat-submit{align-items:center;border:1px solid rgba(13,107,115,.16);border-radius:10px;color:var(--teal-dark);cursor:pointer;display:inline-flex;height:38px;justify-content:center;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;width:38px}.chat-close{background:#ffffffd1}.chat-close:hover,.chat-close:focus-visible{background:var(--teal-dark);color:#fff}.chat-messages{background:linear-gradient(180deg,#f7fbfadb,#fffffff5);display:flex;flex-direction:column;gap:10px;max-height:365px;min-height:240px;overflow-y:auto;padding:15px;scroll-behavior:smooth}.chat-message{border-radius:14px;font-size:14px;line-height:1.56;max-width:88%;overflow-wrap:anywhere;padding:10px 12px;white-space:pre-wrap}.chat-message-assistant{align-self:flex-start;background:#fff;border:1px solid rgba(13,107,115,.13);border-bottom-left-radius:5px;color:var(--ink)}.chat-message-user{align-self:flex-end;background:var(--teal);border-bottom-right-radius:5px;color:#fff}.chat-typing{align-items:center;display:inline-flex;gap:4px;height:18px}.chat-typing span{animation:chat-typing .9s ease-in-out infinite;background:var(--teal);border-radius:999px;height:6px;opacity:.45;width:6px}.chat-typing span:nth-child(2){animation-delay:.12s}.chat-typing span:nth-child(3){animation-delay:.24s}.chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px 0}.chat-suggestions button{background:#0d6b7314;border:1px solid rgba(13,107,115,.16);border-radius:999px;color:var(--teal-dark);cursor:pointer;font-size:12px;font-weight:850;line-height:1.25;padding:8px 10px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.chat-suggestions button:hover,.chat-suggestions button:focus-visible{background:#0d6b7321;border-color:#0d6b7347;transform:translateY(-1px)}.chat-form{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 42px;padding:14px}.chat-form textarea{background:#fff;border:1px solid rgba(13,107,115,.18);border-radius:10px;color:var(--ink);font:inherit;font-size:14px;line-height:1.45;max-height:96px;min-height:42px;outline:none;overflow:auto;padding:10px 12px;resize:none}.chat-form textarea:focus-visible{border-color:#0d6b7375;box-shadow:0 0 0 3px #0d6b731a}.chat-submit{align-self:end;background:var(--teal);border-color:var(--teal);color:#fff}.chat-submit:hover,.chat-submit:focus-visible{background:var(--teal-dark);transform:translateY(-1px)}.chat-submit:disabled,.chat-suggestions button:disabled{cursor:not-allowed;opacity:.55;transform:none}.chat-status{color:var(--muted);font-size:12.5px;font-weight:750;line-height:1.45;padding:0 14px 14px}.chat-spin{animation:chat-spin .9s linear infinite}@keyframes chat-typing{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.9;transform:translateY(-3px)}}@keyframes chat-spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.certificate-grid{grid-template-columns:1fr}.certificate-card{grid-template-columns:104px minmax(0,1fr)}.certificate-thumb{min-height:104px}.qr-card{grid-template-columns:96px minmax(0,1fr) auto}.qr-card img{height:96px;width:96px}.modal-backdrop{padding:12px}.portfolio-chat{bottom:calc(12px + env(safe-area-inset-bottom));left:12px;right:12px}.chat-launcher{margin-left:auto;padding:9px}.chat-launcher-copy{display:none}.chat-launcher-icon{border-radius:999px;height:54px;width:54px}.chat-panel{max-height:calc(100vh - 24px - env(safe-area-inset-bottom));width:100%}.chat-messages{max-height:calc(100vh - 286px - env(safe-area-inset-bottom));min-height:230px}}.hero:before,.hero:after{border-radius:999px;content:"";filter:blur(2px);opacity:.55;pointer-events:none;position:absolute;z-index:0}.hero:before{animation:soft-float 8s ease-in-out infinite;background:#0d6b731a;height:180px;right:7vw;top:13vh;width:180px}.hero:after{animation:soft-float 10s ease-in-out infinite reverse;background:#b7791f17;bottom:12vh;height:130px;left:42vw;width:130px}.hero-media{transform:rotate(.25deg);transition:box-shadow .22s ease,transform .22s ease}.hero-media:hover{box-shadow:0 30px 72px #17202a29;transform:rotate(0) translateY(-4px)}.hero-media img{transform:scale(1.01);transition:transform .48s ease}.hero-media:hover img{transform:scale(1.04)}.scroll-cue{animation:cue-breathe 2.6s ease-in-out infinite;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.scroll-cue:hover{background:var(--teal);box-shadow:0 12px 28px #0d6b732e;color:#fff;transform:translate(-50%) translateY(-3px)}.button-primary,.button-secondary,.language-toggle,.resume-link,.qr-card,.certificate-toggle,.certificate-row{will-change:transform}.button-primary:hover svg,.button-secondary:hover svg,.resume-link:hover svg,.qr-card:hover svg,.certificate-toggle:hover svg,.certificate-row:hover svg{transform:translate(1px) scale(1.06)}.button svg,.resume-link svg,.qr-card svg,.certificate-toggle svg,.certificate-row svg{transition:transform .18s ease}.life-section{background:linear-gradient(180deg,#f7faf8d1,#fffffffa),radial-gradient(circle at 85% 10%,rgba(13,107,115,.08),transparent 26%)}.life-note{color:var(--muted);font-size:clamp(16px,2vw,18px);line-height:1.82;margin-top:20px;max-width:920px}.life-grid{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:30px}.life-card{background:linear-gradient(180deg,#fffffff5,#f8fdfbf5);min-height:235px}.life-card .icon-circle,.skill-card:hover .icon-circle,.project-card:hover .icon-circle,.life-card:hover .icon-circle{background:linear-gradient(135deg,#0d6b731a,#b7791f14)}.certificate-toggle{align-items:center;background:linear-gradient(135deg,#fffffff5,#eff8f6f5);border:1px solid rgba(13,107,115,.2);border-radius:14px;box-shadow:0 14px 34px #17202a12;color:var(--ink);cursor:pointer;display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr) auto;margin-top:24px;padding:16px 18px;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;width:min(760px,100%)}.certificate-toggle:hover,.certificate-toggle:focus-visible{border-color:#0d6b7361;box-shadow:0 20px 44px #17202a1a;transform:translateY(-3px)}.certificate-toggle-icon{align-items:center;background:var(--teal);border-radius:12px;color:#fff;display:inline-flex;height:48px;justify-content:center;width:48px}.certificate-toggle-copy{display:grid;gap:5px}.certificate-toggle-copy strong{color:var(--teal-dark);font-size:16px;line-height:1.3}.certificate-toggle-copy em{color:var(--muted);font-size:13px;font-style:normal;line-height:1.5}.certificate-list{display:grid;gap:9px;margin-top:16px;max-width:1060px}.certificate-row{align-items:center;background:#ffffffd1;border:1px solid rgba(13,107,115,.13);border-radius:12px;display:grid;gap:12px;grid-template-columns:58px minmax(0,1fr) auto;min-height:70px;padding:8px 12px 8px 8px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.certificate-row:hover{background:#fff;border-color:#0d6b7342;box-shadow:0 12px 28px #17202a12;transform:translateY(-2px)}.certificate-mini-thumb{align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;cursor:zoom-in;display:flex;height:52px;justify-content:center;overflow:hidden;padding:0;position:relative;width:52px}.certificate-mini-thumb img{display:block;height:100%;object-fit:cover;width:100%}.certificate-mini-thumb svg{background:#07363cdb;border-radius:999px;bottom:4px;color:#fff;height:19px;padding:3px;position:absolute;right:4px;width:19px}.certificate-row-copy h3{color:var(--ink);font-size:14px;line-height:1.35;margin:0}.certificate-row-copy p{color:var(--muted);font-size:12px;line-height:1.4;margin:4px 0 0}.certificate-row .certificate-links{justify-content:flex-end;min-width:136px}.certificate-links a{border-radius:999px;padding:6px 8px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.certificate-links .certificate-link-verify{background:#0d6b7314;border:1px solid rgba(13,107,115,.18);color:var(--teal-dark)}.certificate-links .certificate-link-file{border:1px solid transparent;color:var(--muted)}.certificate-links a:hover,.learning-actions a:hover,.contact-list a:hover{background:#0d6b7314;color:var(--teal);transform:translateY(-1px)}.qr-card,.resume-link{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.qr-card:hover{border-color:#0d6b7357;box-shadow:0 14px 30px #17202a14;transform:translateY(-3px) scale(1.01)}@keyframes cue-breathe{0%,to{box-shadow:0 0 #0d6b7329}50%{box-shadow:0 0 0 8px #0d6b7300}}@keyframes soft-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-12px,0)}}@media(max-width:1180px){.life-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.life-grid{grid-template-columns:1fr}.life-card{min-height:auto}.certificate-toggle{grid-template-columns:auto minmax(0,1fr) auto;padding:14px}.certificate-toggle-icon{height:42px;width:42px}.certificate-row{align-items:start;grid-template-columns:52px minmax(0,1fr);padding:8px}.certificate-row .certificate-links{grid-column:1 / -1;justify-content:flex-start;min-width:0;padding-left:2px}}@media(prefers-reduced-motion:reduce){.hero:before,.hero:after,.scroll-cue{animation:none!important}}.learning-layout{align-items:start;display:grid;gap:clamp(20px,3.2vw,34px);grid-template-columns:minmax(0,1.78fr) minmax(280px,.72fr);margin-top:24px}.learning-main-copy{background:#ffffffa3;border:1px solid rgba(13,107,115,.1);border-radius:16px;padding:clamp(18px,2.5vw,26px)}.learning-main-copy .learning-note{margin-top:0;max-width:760px}.learning-focus-card{background:linear-gradient(145deg,#0d6b7314,#fff4dc94),#fff;border:1px solid rgba(13,107,115,.16);border-radius:16px;box-shadow:0 18px 42px #17202a14;min-height:220px;overflow:hidden;padding:22px;position:sticky;top:102px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.learning-avatar{align-items:center;background:var(--surface-alt);border:1px solid rgba(13,107,115,.18);border-radius:12px;box-shadow:0 12px 26px #17202a14;color:var(--teal);display:inline-flex;height:58px;justify-content:center;margin-bottom:18px;width:58px}.learning-focus-card:hover{border-color:#0d6b734d;box-shadow:0 24px 54px #17202a1c;transform:translateY(-3px)}.learning-eyebrow{color:var(--amber);display:block;font-size:12px;font-weight:900;letter-spacing:.12em;margin-bottom:12px;text-transform:uppercase}.learning-focus-card h3{color:var(--teal-dark);font-size:20px;line-height:1.25;max-width:270px}.learning-focus-card p{color:var(--muted);font-size:14px;line-height:1.72;margin-top:14px}.learning-focus-list{border-top:1px solid rgba(13,107,115,.12);display:grid;gap:10px;margin:18px 0 0;padding:18px 0 0}.learning-focus-list li{color:var(--muted);font-size:13.5px;line-height:1.62;list-style:none;padding-left:20px;position:relative}.learning-focus-list li:before{background:var(--teal);border-radius:999px;content:"";height:7px;left:2px;position:absolute;top:9px;width:7px}.certificate-category-list{display:grid;gap:12px;margin-top:24px;max-width:100%}.certificate-category{display:grid;gap:10px}.certificate-category.is-open .certificate-toggle{background:linear-gradient(135deg,#fff,#ebf8f5fa);border-color:#0d6b735c}.certificate-category .certificate-toggle{margin-top:0;max-width:100%;width:100%}.certificate-toggle-copy strong{align-items:center;display:flex;flex-wrap:wrap;gap:9px}.certificate-toggle-copy small{align-items:center;background:#0d6b731a;border:1px solid rgba(13,107,115,.18);border-radius:999px;color:var(--teal-dark);display:inline-flex;font-size:12px;font-weight:900;height:24px;justify-content:center;min-width:30px;padding:0 8px}.certificate-toggle-action{align-items:center;background:#ffffffc7;border:1px solid rgba(13,107,115,.16);border-radius:999px;color:var(--teal-dark);display:inline-flex;font-size:13px;font-weight:900;gap:7px;justify-content:center;min-width:142px;padding:8px 10px;white-space:nowrap}.certificate-list-shell{display:grid;grid-template-rows:0fr;margin-left:64px;overflow:hidden;transition:grid-template-rows .26s cubic-bezier(.22,1,.36,1),opacity .22s ease;opacity:0}.certificate-category.is-open .certificate-list-shell{grid-template-rows:1fr;opacity:1}.certificate-category .certificate-list{margin-left:0;margin-top:0;min-height:0;overflow:hidden;padding-top:10px}.certificate-row{grid-template-columns:50px minmax(0,1fr) auto;min-height:62px;padding:7px 11px 7px 7px}.certificate-mini-thumb{height:44px;width:44px}.certificate-mini-thumb svg{bottom:3px;height:17px;padding:3px;right:3px;width:17px}.certificate-row-copy h3{font-size:13.5px}.certificate-row-copy p{font-size:11.5px}@media(max-width:900px){.learning-layout{grid-template-columns:1fr}.learning-focus-card{position:relative;top:auto}.learning-focus-card h3{max-width:none}}@media(max-width:760px){.certificate-toggle{align-items:start;grid-template-columns:auto minmax(0,1fr)}.certificate-toggle-action{grid-column:1 / -1;justify-content:space-between;min-width:0;width:100%}.certificate-list-shell{margin-left:0}.certificate-row{grid-template-columns:46px minmax(0,1fr)}.certificate-mini-thumb{height:42px;width:42px}}:root{--font-body: "Aptos", "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-display: "Aptos Display", "Segoe UI Semibold", "PingFang SC", "Microsoft YaHei", "Noto Serif SC", sans-serif}body{font-family:var(--font-body);font-kerning:normal;text-rendering:optimizeLegibility}h1,h2,h3,.brand span,.section-heading p,.hero-title,.proof-strip strong{font-family:var(--font-display)}h1,.section-heading h2{letter-spacing:-.035em}.language-toggle{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);border:1px solid rgba(255,255,255,.32);box-shadow:0 12px 26px #0d6b7329;color:#fff;min-width:118px;padding:0 16px;position:relative}.language-toggle:hover,.language-toggle:focus-visible{background:linear-gradient(135deg,var(--teal-dark) 0%,#063e44 100%);box-shadow:0 16px 34px #0d6b7338;color:#fff}.language-toggle:after{background:var(--amber-soft);border:1px solid rgba(183,121,31,.22);border-radius:999px;color:var(--amber);content:"LANG";font-size:9px;font-weight:950;letter-spacing:.08em;line-height:1;padding:4px 5px;position:absolute;right:-9px;top:-9px}.chat-launcher-icon,.chat-avatar{overflow:visible}.chat-launcher-icon img,.chat-avatar img{border-radius:inherit;display:block;height:100%;object-fit:cover;width:100%}.chat-launcher-icon img{border-radius:14px}.chat-avatar img{border-radius:12px}.chat-header-actions{align-items:center;display:inline-flex;gap:8px}.chat-clear{background:#ffffffd1}.chat-clear,.chat-close,.chat-submit{align-items:center;border:1px solid rgba(13,107,115,.16);border-radius:10px;color:var(--teal-dark);cursor:pointer;display:inline-flex;height:38px;justify-content:center;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;width:38px}.chat-clear:hover,.chat-clear:focus-visible,.chat-close:hover,.chat-close:focus-visible{background:var(--teal-dark);color:#fff}.chat-clear:disabled{cursor:not-allowed;opacity:.5}.chat-message-assistant{white-space:normal}.chat-message-user{white-space:pre-wrap}.chat-md{display:grid;gap:8px}.chat-md-paragraph,.chat-md-heading{margin:0}.chat-md-heading{color:var(--teal-dark);font-size:14px;font-weight:900;line-height:1.35}.chat-md strong{color:var(--teal-dark);font-weight:900}.chat-md code{background:#0d6b7314;border:1px solid rgba(13,107,115,.14);border-radius:5px;color:var(--teal-dark);font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.92em;padding:1px 4px}.chat-md a{color:var(--teal);font-weight:850;text-decoration:underline;text-underline-offset:3px}.chat-md-list{display:grid;gap:5px;margin:0;padding-left:18px}.chat-md-list li{padding-left:2px}.chat-form{grid-template-columns:minmax(0,1fr) 42px}.chat-send-hint{color:var(--muted);font-size:11.5px;font-weight:760;grid-column:1 / -1;justify-self:end;margin-top:-4px}@media(max-width:760px){.language-toggle{min-width:104px}.language-toggle:after{display:none}}:root{--bg: #fbf7ef;--surface: #fffdf8;--surface-alt: #eef7f4;--surface-warm: #fff5e6;--ink: #162027;--muted: #65717a;--line: #e7ded2;--teal: #0d6f68;--teal-dark: #084f55;--amber: #c77916;--amber-soft: #fff1d6;--blue: #2f6f9d;--shadow: 0 28px 70px rgba(22, 32, 39, .12);--shadow-soft: 0 18px 42px rgba(22, 32, 39, .08);--radius-card: 18px}body{background:radial-gradient(circle at 10% 6%,rgba(13,111,104,.12),transparent 28%),radial-gradient(circle at 90% 12%,rgba(199,121,22,.11),transparent 26%),linear-gradient(180deg,#fffdfa,#fbf7ef 44%,#f7faf8)}.topbar{background:#fffdf8e6;border-bottom-color:#e7ded2c7;box-shadow:0 10px 28px #1620270b}.brand span{letter-spacing:-.035em}.hero{gap:clamp(30px,4.5vw,64px);grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);padding-top:clamp(34px,6vw,76px)}.profile-signal-band{align-items:stretch;background:linear-gradient(135deg,#fffdf8d1,#eef6f5bd),var(--surface-alt);border-block:1px solid rgba(13,111,104,.12);display:grid;gap:clamp(18px,3vw,34px);grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);padding:clamp(22px,3.5vw,42px) clamp(20px,5vw,72px)}.profile-signal-band .hero-snapshot-grid,.profile-signal-band .proof-strip{margin-top:0}.profile-signal-band .proof-strip{align-content:stretch;grid-template-columns:1fr}.profile-signal-band .proof-strip>div+div{border-inline-start:0;border-top:1px solid rgba(13,111,104,.12)}.hero-kicker{align-items:center;color:var(--amber);display:inline-flex;font-size:12px;font-weight:950;gap:9px;letter-spacing:.14em;line-height:1.2;margin:0 0 14px;text-transform:uppercase}.hero-kicker:before{background:linear-gradient(90deg,var(--teal),var(--amber));border-radius:999px;content:"";height:2px;width:38px}h1{font-size:clamp(52px,7.2vw,98px)}.hero-title{color:#0b5961;max-width:760px}.hero-summary{font-size:clamp(16px,1.3vw,18px);line-height:1.78;margin-top:20px;max-width:720px}.about-body,.project-card p,.project-detail dd,.life-card p,.learning-note{line-height:1.74}.section-heading{max-width:860px}.hero-actions{margin-top:28px}.hero-snapshot-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.hero-snapshot-card{background:linear-gradient(180deg,#fffdf8f5,#fff5e6b8),var(--surface);border:1px solid rgba(13,111,104,.13);border-radius:var(--radius-card);box-shadow:0 12px 28px #1620270e;min-height:122px;padding:16px;position:relative;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.hero-snapshot-card:before{background:linear-gradient(180deg,var(--teal),rgba(13,111,104,.22));border-radius:999px;content:"";height:calc(100% - 28px);left:0;position:absolute;top:14px;width:3px}.hero-snapshot-card:hover{border-color:#0d6f684d;box-shadow:0 18px 40px #16202716;transform:translateY(-3px)}.hero-snapshot-card span{color:var(--amber);display:block;font-size:11px;font-weight:950;letter-spacing:.09em;line-height:1;margin-bottom:10px;text-transform:uppercase}.hero-snapshot-card strong{color:var(--teal-dark);display:block;font-size:16px;font-weight:900;line-height:1.22}.hero-snapshot-card p{color:#52616b;font-size:13px;font-weight:680;line-height:1.48;margin-top:8px}.proof-strip{border-top:0;gap:12px;margin-top:24px;padding-top:0}.proof-strip>div{background:#fffdf8d1;border:1px solid rgba(13,111,104,.13);border-radius:16px;box-shadow:0 10px 24px #1620270d;padding:14px 15px}.proof-strip strong{color:var(--teal-dark);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.proof-strip span{font-weight:680}.hero-media{border:1px solid rgba(255,255,255,.64);border-radius:26px;box-shadow:0 30px 72px #16202721,inset 0 0 0 1px #ffffff47}.hero-media img{aspect-ratio:4 / 3}.section{border-top-color:#e7ded2d6}.section-heading p{color:var(--amber)}.section-heading h2{color:var(--ink)}.about-point,.skill-card,.project-card,.life-card,.learning-main-copy,.learning-focus-card,.resume-panel{border-radius:var(--radius-card)}.skill-card,.project-card,.life-card{box-shadow:0 12px 30px #1620270b}.about-point{background:#fffdf8bf;border:1px solid rgba(13,111,104,.12);border-radius:14px;box-shadow:inset 0 1px #ffffffc2}.project-card{overflow:hidden;padding-top:28px;position:relative}.project-card:after{background:linear-gradient(90deg,rgba(13,111,104,.12),rgba(199,121,22,.1),transparent);content:"";height:4px;left:0;position:absolute;right:0;top:0}.project-index{color:#0d6f682e;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:42px;font-weight:900;letter-spacing:-.08em;line-height:1;position:absolute;right:18px;top:18px}.project-card .icon-circle{position:relative;z-index:1}.project-detail{background:#fff5e685;border-color:#0d6f681c}.tag-row span{background:#0d6f6814;border-color:#0d6f6829}.button:focus-visible,.language-toggle:focus-visible,nav a:focus-visible,.resume-link:focus-visible,.contact-list a:focus-visible,.learning-actions a:focus-visible,.certificate-toggle:focus-visible,.certificate-link:focus-visible,.chat-launcher:focus-visible,.chat-clear:focus-visible,.chat-close:focus-visible,.chat-submit:focus-visible{outline:3px solid rgba(13,111,104,.22);outline-offset:3px}@media(max-width:1180px){.hero-snapshot-grid{grid-template-columns:1fr}}@media(max-width:1080px){.hero{grid-template-columns:1fr}.hero-media img{aspect-ratio:16 / 9}}@media(max-width:760px){.hero-snapshot-grid{grid-template-columns:1fr}.hero-snapshot-card{min-height:auto}.proof-strip>div{padding:14px}.hero-media{border-radius:18px}.project-index{font-size:34px;right:16px;top:16px}}.language-toggle:after{display:none}.portfolio-chat{bottom:calc(18px + env(safe-area-inset-bottom));right:18px}.chat-launcher{gap:0;max-width:62px;padding:8px}.chat-launcher-copy{display:none}.chat-launcher-icon{border-radius:999px;height:44px;width:44px}@media(min-width:1181px){.hero-snapshot-card{min-height:136px}}.proof-strip{align-items:stretch;background:#fffdf8b8;border:1px solid rgba(13,111,104,.11);border-radius:16px;box-shadow:0 10px 24px #1620270a;gap:0;margin-top:18px;padding:10px 12px}.proof-strip>div{background:transparent;border:0;border-radius:0;box-shadow:none;padding:6px 14px}.proof-strip>div+div{border-inline-start:1px solid rgba(13,111,104,.12)}.proof-strip strong{font-size:16px;margin-bottom:3px}.proof-strip span{font-size:12.5px;line-height:1.36}.chat-launcher{box-shadow:0 12px 28px #17202a1f;opacity:.88}.chat-launcher:hover,.chat-launcher:focus-visible{opacity:1}@media(max-width:760px){.proof-strip{grid-template-columns:1fr;padding:10px 14px}.proof-strip>div{padding:8px 0}.proof-strip>div+div{border-inline-start:0;border-top:1px solid rgba(13,111,104,.12)}}@media(max-width:1080px){.profile-signal-band{grid-template-columns:1fr}.profile-signal-band .proof-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-signal-band .proof-strip>div+div{border-inline-start:1px solid rgba(13,111,104,.12);border-top:0}}@media(max-width:760px){.profile-signal-band{padding-block:20px}.profile-signal-band .proof-strip{grid-template-columns:1fr}.profile-signal-band .proof-strip>div+div{border-inline-start:0;border-top:1px solid rgba(13,111,104,.12)}}.intro-video-section{background:radial-gradient(circle at 10% 10%,#0d6b7314,#0d6b7300 32%),linear-gradient(180deg,#fffffff0,#eef6f5e6)}.intro-video-layout{align-items:start;display:grid;gap:clamp(26px,4vw,56px);grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);margin-top:clamp(24px,4vw,44px)}.intro-video-copy{background:#ffffffb8;border:1px solid rgba(13,107,115,.16);border-radius:12px;box-shadow:0 18px 38px #17202a12;display:grid;gap:16px;padding:clamp(20px,3vw,30px)}.intro-video-copy p{color:var(--muted);font-size:16px;line-height:1.78;margin:0}.intro-video-note{color:var(--teal-dark);font-size:13px;font-weight:850;letter-spacing:.015em}.intro-video-frame{background:var(--surface);border:1px solid rgba(13,107,115,.16);border-radius:16px;box-shadow:0 26px 70px #17202a21;overflow:hidden;padding:10px}.intro-video-frame video{aspect-ratio:16 / 9;background:var(--surface-alt);border-radius:10px;display:block;width:100%}@media(max-width:1080px){.intro-video-layout{grid-template-columns:1fr}}@media(max-width:760px){.intro-video-frame{border-radius:12px;padding:6px}.intro-video-copy{padding:18px}}