:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;--page:#f7f4ee;--paper:#ffffffd1;--paper-solid:#fff;--ink:#172033;--muted:#68758a;--soft:#eef3fb;--line:#4e608024;--blue:#4f8cff;--cyan:#35b8d4;--violet:#8b7cf6;--rose:#ec8da3;--gold:#d69a2d;--shadow:0 24px 70px #38497024;--shadow-soft:0 16px 44px #3849701a;background:#f7f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}.hero-copy,.hero-card{animation:.7s both rise-in}.hero-card{animation-delay:80ms}.metric-card:nth-child(2){animation-delay:70ms}.metric-card:nth-child(3){animation-delay:.14s}.metric-card:nth-child(4){animation-delay:.21s}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}[data-reveal]{opacity:0;transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1),box-shadow .18s,filter .18s;transition-delay:var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(34px)scale(.985)}[data-reveal].is-visible{opacity:1;transform:translateY(0)scale(1)}.skill-card:nth-child(2),.project-card:nth-child(2),.metric-card:nth-child(2),.award-card:nth-child(2){--reveal-delay:80ms}.skill-card:nth-child(3),.project-card:nth-child(3),.metric-card:nth-child(3),.award-card:nth-child(3){--reveal-delay:.15s}.skill-card:nth-child(4),.project-card:nth-child(4),.metric-card:nth-child(4),.award-card:nth-child(4){--reveal-delay:.22s}.timeline-item:nth-child(2){--reveal-delay:90ms}.timeline-item:nth-child(3){--reveal-delay:.18s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}[data-reveal]{opacity:1;transform:none}}body{background:radial-gradient(circle at 12% 12%,#4f8cff33,#0000 28rem),radial-gradient(circle at 82% 8%,#8b7cf629,#0000 30rem),radial-gradient(circle at 65% 72%,#ec8da321,#0000 34rem),linear-gradient(#fbfaf7 0%,#f4f0e8 52%,#edf5fb 100%);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-shell{min-height:100vh;position:relative;overflow:hidden}.background-grid{z-index:-1;background-image:linear-gradient(#2a41680e 1px,#0000 1px),linear-gradient(90deg,#2a41680e 1px,#0000 1px);background-size:78px 78px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000c7,#0000 82%);mask-image:linear-gradient(#000000c7,#0000 82%)}.section-wrap{width:min(1160px,100% - 40px);margin:0 auto}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;width:min(1160px,100% - 40px);margin:0 auto;padding:18px 0;display:flex;position:sticky;top:0}.brand,.nav-links,.eyebrow,.primary-action,.secondary-action,.contact-stack a,.contact-stack span,.section-title p,.project-link{align-items:center;display:inline-flex}.brand{color:var(--ink);letter-spacing:.04em;gap:10px;font-weight:900}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--blue), var(--violet));border:1px solid #4f8cff47;border-radius:15px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 12px 30px #4f8cff42}.nav-links{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;gap:6px;padding:8px;box-shadow:0 12px 34px #38497014}.nav-links a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;transition:all .18s}.nav-links a:hover{color:var(--ink);background:#edf4ff}.hero{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:center;gap:34px;min-height:calc(100vh - 80px);padding:80px 0 64px;display:grid}.hero-copy h1{color:var(--ink);letter-spacing:-.08em;margin:18px 0 20px;font-size:clamp(56px,9vw,118px);line-height:.9}.hero-copy h1 span{color:#0000;letter-spacing:-.05em;background:linear-gradient(90deg,#3178ff,#7d6df2,#d97895);-webkit-background-clip:text;background-clip:text;margin-top:18px;font-size:clamp(34px,5vw,68px);display:block}.eyebrow{color:#3178ff;letter-spacing:.12em;text-transform:uppercase;gap:8px;margin:0;font-size:14px;font-weight:900}.hero-headline{color:#253047;letter-spacing:-.04em;max-width:780px;margin:0 0 18px;font-size:clamp(24px,3.2vw,42px);font-weight:900;line-height:1.18}.hero-intro{max-width:720px;color:var(--muted);margin:0;font-size:18px;line-height:1.8}.hero-actions,.contact-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary-action,.secondary-action{border-radius:999px;gap:8px;min-height:48px;padding:0 20px;font-weight:900;transition:all .18s}.primary-action{color:#fff;background:linear-gradient(135deg, var(--blue), var(--violet));box-shadow:0 18px 42px #4f8cff38}.secondary-action{color:#2a4a7f;background:#ffffffc7;border:1px solid #4f8cff33;box-shadow:0 14px 36px #38497014}.primary-action:hover,.secondary-action:hover{filter:saturate(1.08)brightness(1.02)}.primary-action:hover,.secondary-action:hover,.project-card:hover,.skill-card:hover,.award-card:hover,.metric-card:hover{transform:translateY(-3px)}.hero-card,.education-card,.contact-section,.skill-card,.project-card,.metric-card,.award-card,.timeline-item{border:1px solid var(--line);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffffeb,#ffffff9e)}.hero-card{border-radius:34px;min-height:420px;padding:34px;position:relative;overflow:hidden}.hero-card:after{content:"";border:1px solid #4f8cff29;border-radius:34px;width:128px;height:128px;position:absolute;bottom:24px;right:28px;transform:rotate(12deg)}.orb{filter:blur(1px);background:radial-gradient(circle,#4f8cff52,#8b7cf626 54%,#0000 72%);border-radius:50%;width:270px;height:270px;position:absolute;top:-86px;right:-76px}.card-label,.period,.project-topline{color:#3178ff;letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:900}.hero-card h2{color:var(--ink);letter-spacing:-.05em;margin:90px 0 34px;font-size:42px;line-height:1.08;position:relative}.contact-stack{gap:12px;display:grid;position:relative}.contact-stack a,.contact-stack span{color:#33425e;background:#ffffffa8;border:1px solid #4f8cff29;border-radius:14px;gap:10px;min-height:42px;padding:0 14px}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;padding:12px 0 54px;display:grid}.metric-card{border-radius:24px;padding:24px;transition:all .18s}.metric-card strong{color:var(--ink);letter-spacing:-.04em;font-size:34px;display:block}.metric-card span{color:var(--muted)}.section-block{padding:78px 0}.section-title{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.section-title p{color:#3178ff;letter-spacing:.12em;text-transform:uppercase;gap:8px;margin:0;font-weight:900}.section-title h2{color:var(--ink);letter-spacing:-.06em;margin:0;font-size:clamp(34px,5vw,64px)}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.skill-card,.project-card,.award-card,.education-card,.contact-section{border-radius:28px;padding:28px}.skill-card,.project-card,.award-card,.metric-card,.timeline-item,.education-card{transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1),box-shadow .18s,filter .18s}.skill-card h3,.project-card h3,.timeline-item h3,.education-card h3{color:var(--ink);letter-spacing:-.04em;margin:0 0 12px;font-size:24px}.skill-card p,.project-card p,.timeline-item p,.education-card p,.contact-section h2{color:var(--muted);line-height:1.75}.tag-cloud{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.tag-cloud span{color:#315c9e;background:#ebf3ffd1;border:1px solid #4f8cff29;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:700}.tag-cloud.compact{margin:18px 0}.project-grid{gap:18px;display:grid}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.standard-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.project-card.featured{background:linear-gradient(145deg,#4f8cff1a,#ec8da314),linear-gradient(145deg,#fffffff5,#ffffffb3);min-height:100%}.project-topline{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.project-card ul,.timeline-item ul{color:#536176;gap:10px;margin:18px 0 0;padding-left:18px;line-height:1.7;display:grid}.timeline-item ul{gap:12px;padding-left:20px;line-height:1.78}.timeline-item li::marker{color:#4f8cff}.project-link{color:#2f73e8;gap:6px;width:fit-content;margin-top:20px;font-weight:900}.experience-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:22px;display:grid}.timeline{gap:16px;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(#4f8cff1a,#4f8cff73,#8b7cf61a);width:1px;position:absolute;top:30px;bottom:30px;left:17px}.timeline-item{border-radius:26px;grid-template-columns:36px minmax(0,1fr);gap:18px;padding:30px 30px 30px 26px;display:grid;position:relative;overflow:hidden}.timeline-item:after{z-index:-1;content:"";background:radial-gradient(circle at 8% 20%,#4f8cff1a,#0000 18rem);position:absolute;inset:0}.timeline-dot{z-index:1;background:linear-gradient(135deg, var(--blue), var(--violet));border:3px solid #fff;border-radius:50%;width:12px;height:12px;margin:9px auto 0;position:relative;box-shadow:0 0 0 7px #4f8cff1f}.timeline-content{min-width:0}.timeline-meta{color:#2a4a7f;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px;font-size:13px;font-weight:900;display:flex}.timeline-meta span:last-child{background:#ebf3ffc7;border:1px solid #4f8cff29;border-radius:999px;padding:5px 10px}.role{margin:-6px 0 10px;font-weight:900;color:#2a4a7f!important}.education-card{position:sticky;top:110px}.education-card svg{color:#3178ff}.education-card span{color:var(--muted)}.award-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.award-card span{color:#3178ff;font-weight:900}.award-card p{color:#344055;margin:16px 0 0;line-height:1.65}.contact-section{background:linear-gradient(135deg,#4f8cff1a,#ec8da314),#ffffffd1;justify-content:space-between;align-items:center;gap:28px;margin-bottom:80px;padding:36px;display:flex}.contact-section h2{max-width:760px;color:var(--ink);letter-spacing:-.05em;margin:12px 0 0;font-size:clamp(26px,4vw,44px);line-height:1.2}.site-footer{color:#7b8799;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;padding:0 0 34px;font-size:13px;display:flex}.site-footer a{transition:all .18s}.site-footer a:hover{color:#2f73e8}@media (width<=940px){.nav-links{display:none}.hero,.experience-layout,.featured-grid,.standard-grid,.skill-grid,.contact-section{grid-template-columns:1fr}.hero{min-height:auto;padding-top:54px}.metrics,.award-grid{grid-template-columns:repeat(2,1fr)}.education-card{position:static}.contact-section{display:grid}}@media (width<=620px){.section-wrap,.topbar{width:min(100% - 28px,1160px)}.hero-card,.skill-card,.project-card,.award-card,.education-card,.contact-section,.metric-card,.timeline-item{border-radius:22px;padding:22px}.metrics,.award-grid{grid-template-columns:1fr}.hero-card h2{margin-top:70px;font-size:34px}.section-block{padding:54px 0}.project-topline{display:grid}.timeline-item{grid-template-columns:24px minmax(0,1fr);gap:12px}.timeline:before{left:11px}}