:root{--navy:#080e25;--ink:#11182a;--muted:#5c6575;--sky:#06aeea;--pale:#effaff;--line:#e5eaf0;--card:#fff;--violet:#ab63e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:10;background:rgba(8,14,37,.97);color:white;border-bottom:1px solid #273049;backdrop-filter:blur(12px)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand small{display:block;font-size:10px;font-weight:700;letter-spacing:3px;color:#aab2c2}.brand strong{font-size:14px}.navlinks{display:flex;align-items:center;gap:24px}.navlinks a{color:#d6dbe7;text-decoration:none;font-size:13px}.navlinks a:hover,.navlinks a.active{color:#18bffc}.theme,.menu{height:38px;width:38px;border:1px solid #3d4969;border-radius:50%;background:#111a35;color:#e6f3ff;cursor:pointer}.menu{display:none;font-size:18px}.hero{position:relative;overflow:hidden;padding:60px 0 65px;background:radial-gradient(circle at 0 0,#e7f7ff 0,transparent 28%),radial-gradient(circle at 100% 90%,#f2e9ff,transparent 26%),#f9fbfe}.hero-grid{display:grid;grid-template-columns:1.12fr .78fr;gap:70px}.eyebrow{display:inline-flex;gap:7px;align-items:center;border:1px solid #a3ddf7;background:#e9f8ff;border-radius:20px;padding:5px 13px;color:#1781b7;text-transform:uppercase;letter-spacing:3px;font-size:10px;font-weight:800}.dot{height:7px;width:7px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 5px #d7f4ff}.hero h1{font-size:clamp(44px,5.2vw,70px);line-height:1.05;letter-spacing:-2px;margin:22px 0;color:#111827}.accent{color:#08aeea}.intro{max-width:650px;color:#586273;font-size:16px;line-height:1.8}.purpose{margin:24px 0;border:1px solid #d2edf9;background:#f0faff;border-radius:15px;padding:14px 17px}.purpose span,.section-kicker{font-size:10px;letter-spacing:3px;text-transform:uppercase;font-weight:800;color:#118bc4}.purpose p{margin:5px 0 0;font-size:14px;color:#414d60}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0}.btn{display:inline-block;text-decoration:none;border-radius:26px;padding:13px 23px;font-size:13px;font-weight:800;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#fff;background:#06aeea;box-shadow:0 10px 20px #06aeea42}.btn.ghost{color:#263248;background:#f4f7fb;border:1px solid #dce4ec}.chips,.tags{display:flex;gap:8px;flex-wrap:wrap}.chip,.tag{border-radius:20px;padding:5px 11px;font-size:10px;color:#667181;background:#f4f7fa;border:1px solid #e3e8ee}.recognitions{margin-top:50px}.recognitions>p{font-size:10px;letter-spacing:3px;color:#98a2b1;font-weight:800}.award{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e7ebf0;border-radius:14px;padding:10px 13px;margin:9px 0;color:#586273;font-size:13px;box-shadow:0 6px 20px #44536e08}.award i{font-style:normal;background:#eaf8ff;color:#0caade;border-radius:9px;padding:5px}.portrait{border-radius:38px;overflow:hidden;border:1px solid #e2e6ec;box-shadow:0 22px 40px #60718a22}.portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.stat{background:#fff;border:1px solid #e9edf1;border-radius:14px;text-align:center;padding:11px}.stat b{display:block;color:#03a9e4;font-size:18px}.stat span{font-size:10px;color:#748092}.focus,.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:21px}.focus h3{font-size:15px;margin:8px 0}.focus p{font-size:13px;margin:0;color:#637084}.opportunities{position:relative;overflow:hidden;background:linear-gradient(130deg,#069bd9,#00bbed);color:#fff;padding:55px 0}.opps-grid{display:flex;justify-content:space-between;align-items:center;gap:35px}.white-kicker{font-size:10px;font-weight:800;letter-spacing:3px;border:1px solid #b3ebff7d;border-radius:20px;background:#ffffff22;padding:6px 12px;display:inline-block}.counter{font-size:82px;line-height:.9;font-weight:900;margin:14px 0 0}.counter small{font-size:29px;opacity:.75}.opportunities h2{font-size:23px;margin:13px 0 4px}.opportunities p{max-width:560px;color:#dff7ff;margin:0}.opp-side{text-align:right}.opp-stats{display:flex;gap:10px}.opp-stat{min-width:103px;text-align:center;background:#fff2;border:1px solid #fff4;border-radius:15px;padding:13px}.opp-stat b{display:block;font-size:27px}.opp-stat span{font-size:9px;font-weight:bold;letter-spacing:1px}.white-btn{display:inline-block;background:#fff;color:#0874a3;text-decoration:none;margin-top:20px;border-radius:25px;padding:13px 22px;font-size:12px;font-weight:800}.section{padding:76px 0}.about-top{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.section h2{font-size:27px;letter-spacing:-.6px;margin:8px 0 13px}.section p{color:var(--muted);font-size:14px}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.mini{padding:15px;border-radius:13px;background:#f5f7fa}.mini.blue{background:#effaff;border:1px solid #d6effb}.mini label,.info-card label{display:block;color:#748092;font-size:9px;letter-spacing:2px;font-weight:bold}.mini b{display:block;font-size:13px;margin-top:5px}.about-side{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.about-side .mini:last-child{grid-column:span 2;background:#eefaff}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.info-card{min-height:250px;padding:22px;border:1px solid var(--line);border-radius:18px}.info-card h3{font-size:15px;margin:9px 0}.info-card li{font-size:12px;color:#5b6675;margin:11px 0}.info-card li::marker{color:#05afe8}.timeline-head{max-width:680px}.timeline{position:relative;margin-top:35px;padding-left:42px}.timeline:before{content:"";position:absolute;left:8px;top:7px;bottom:10px;border-left:1px solid #dbe4ec}.job{position:relative;background:#fafcff;border:1px solid #e5eaf0;border-radius:18px;padding:22px;margin:16px 0;box-shadow:0 8px 20px #10264a09}.job:before{content:"";position:absolute;left:-39px;top:23px;width:9px;height:9px;background:#0ab7ef;border-radius:50%;box-shadow:0 0 0 4px #e5f8ff}.job-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.date{font-size:10px;letter-spacing:3px;color:#8c97a6;font-weight:bold}.company{font-size:10px;border-radius:15px;background:#e0f6ff;color:#167eaa;padding:4px 9px}.job h3{font-size:15px;margin:12px 0 6px}.job p{margin:0;font-size:13px}.logos{overflow:hidden;margin-top:48px;text-align:center}.logos p{font-size:10px;letter-spacing:3px;color:#97a1ae;font-weight:800}.logo-track{border:1px solid var(--line);border-radius:15px;padding:22px;display:flex;justify-content:space-around;align-items:center;gap:32px;overflow:auto}.logo-track img{height:38px;width:100px;object-fit:contain;filter:grayscale(1);opacity:.65;flex:none}.skills{background:#fff}.skill-list{margin-top:26px}.skill-heading{text-align:center;color:#147fb0;font-size:10px;font-weight:bold;letter-spacing:3px}.skill-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.skill-card{background:#eefaff;border-radius:12px;padding:13px;font-size:12px;color:#3d5265}.tools{margin-top:32px;border-top:1px solid #f1dffb;padding-top:18px}.tool-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #edf0f3;padding:10px 0}.tool-row b{font-size:10px;letter-spacing:2px;color:#9c4bc5;width:160px}.tool-row div{display:flex;gap:7px;flex-wrap:wrap}.tag{background:#f0fbff;color:#4f7690}.publications{max-width:1050px;margin:70px auto 0;padding:32px;border:1px solid var(--line);border-radius:25px;box-shadow:0 15px 32px #33415a0b}.publication-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.publication{background:#fafbfc;border:1px solid #eceff3;border-radius:15px;padding:15px;font-size:13px;font-weight:600}.publication small{display:block;margin-top:13px;color:#7c8795;font-weight:400}.contact{background:#303849;padding:70px 0}.contact-box{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:28px;background:#f8f8fa}.contact-left{padding:43px}.contact-left h2{font-size:31px}.email{padding:16px;border-radius:17px;background:#17203b;color:#fff;max-width:370px;margin-top:25px;font-size:13px}.contact-right{margin:22px;background:#121a33;color:#fff;border-radius:20px;padding:25px}.contact-right p{color:#c5cad8}.dark-card{background:#0e1730;border-radius:13px;padding:12px;margin-top:11px;font-size:11px}.footer{background:#080e25;color:#c1c8d5;padding:38px 0}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer p,.footer a{font-size:12px;color:#93a0b4;text-decoration:none;display:block;margin:5px 0}.footer h4{color:#0bb8ef;font-size:10px;letter-spacing:3px;margin:0 0 10px}.reveal{opacity:0;transform:translateY(16px);transition:.7s ease}.reveal.show{opacity:1;transform:none}body.dark{background:#070c19;color:#ebf1f9}body.dark .hero,body.dark .section,body.dark .skills{background:#070c19}body.dark .card,body.dark .focus,body.dark .stat,body.dark .award,body.dark .info-card,body.dark .job,body.dark .publications{background:#0d1528;border-color:#202b42}body.dark .section p,body.dark .job p,body.dark .intro{color:#aab5c5}body.dark .hero h1,body.dark .section h2,body.dark .focus h3,body.dark .job h3{color:#f3f7ff}body.dark .mini{background:#111b30}body.dark .mini.blue,body.dark .about-side .mini:last-child,.dark .skill-card{background:#0a2030}body.dark .logo-track{border-color:#253049;background:#0d1528}.dark .contact-box{background:#e9edf5}.dark .contact-left{color:#10182a}@media(max-width:850px){.navlinks{display:none}.menu{display:inline-block}.navlinks.open{position:absolute;top:78px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px;background:#080e25}.navlinks.open a{padding:11px}.hero-grid,.about-top,.contact-box{grid-template-columns:1fr}.hero{padding-top:38px}.hero-grid{gap:35px}.recognitions{margin-top:30px}.opps-grid{flex-direction:column;align-items:flex-start}.opp-side{text-align:left}.three-grid,.skill-cards{grid-template-columns:1fr}.about-side{margin-top:0}.contact-right{margin:0;border-radius:0}.footer-grid{flex-direction:column}.publication-grid{grid-template-columns:1fr}}@media(max-width:530px){.container{width:min(100% - 28px,1180px)}.brand strong{font-size:11px}.brand small{font-size:8px}.hero h1{font-size:44px}.opps-grid{gap:20px}.counter{font-size:62px}.opp-stats{width:100%;gap:6px}.opp-stat{min-width:0;flex:1;padding:10px 4px}.mini-grid,.about-side{grid-template-columns:1fr}.about-side .mini:last-child{grid-column:span 1}.three-grid{grid-template-columns:1fr}.tool-row{align-items:flex-start;flex-direction:column;gap:8px}.timeline{padding-left:27px}.job:before{left:-25px}.job-header{align-items:flex-start;flex-direction:column}.contact-left{padding:28px}.publication-grid{grid-template-columns:1fr}}
