:root{--bg:#070a12;--surface:#0d111b;--surface2:#111725;--line:#1e2635;--text:#f4f7fb;--muted:#9aa5b7;--accent:#7c6cff;--cyan:#65d9ff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}.bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 85%);z-index:-3}.glow{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none;z-index:-2}.glow-a{background:#6756ff;right:-200px;top:100px}.glow-b{background:#1aa7e8;left:-300px;top:55%;}.nav{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:rgba(7,10,18,.74);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{font:700 20px 'Space Grotesk';letter-spacing:-.8px}.brand span{color:#a39aff}.brand small{color:#687386;margin:0 5px}.nav nav{display:flex;gap:28px;color:#9aa5b7;font-size:13px}.nav nav a{transition:.2s}.nav nav a:hover{color:#fff}.nav-actions{display:flex;gap:10px;align-items:center}.nav-actions button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:#fff;cursor:pointer}.nav-cta{font-size:12px;font-weight:700;border:1px solid #30394b;border-radius:10px;padding:8px 13px}.hero{min-height:calc(100vh - 76px);max-width:var(--max);margin:auto;padding:70px 28px 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.status{display:inline-flex;align-items:center;gap:9px;color:#a9b4c6;font-size:11px;letter-spacing:1.6px;font-weight:700}.status span{width:7px;height:7px;border-radius:50%;background:#65d9ff;box-shadow:0 0 16px #65d9ff}.hero h1{font:700 clamp(50px,6.1vw,84px)/.98 'Space Grotesk';letter-spacing:-4px;max-width:850px;margin:22px 0}.hero h1 span,.section-title em,.contact h2 em{font-style:normal;background:linear-gradient(100deg,#a79dff,#6bdcff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:690px;color:var(--muted);font-size:17px}.hero-lead strong{color:#fff}.actions{display:flex;gap:12px;margin:30px 0}.btn{padding:12px 17px;border-radius:11px;border:1px solid var(--line);font-size:13px;font-weight:700}.btn.primary{background:#f4f7fb;color:#090c13}.btn.primary b{margin-left:10px}.btn.secondary{background:var(--surface)}.mini-stats{display:flex;gap:42px;margin-top:45px}.mini-stats strong{display:block;font:700 24px 'Space Grotesk'}.mini-stats span{font-size:11px;color:#727e91}.hero-visual{height:590px;position:relative;display:flex;align-items:center;justify-content:center}.portrait-wrap{width:min(410px,75vw);height:min(520px,82vw);position:relative;display:flex;justify-content:center;align-items:flex-end;z-index:2}.portrait{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 30px 45px rgba(0,0,0,.55));position:relative;z-index:3}.portrait-ring{position:absolute;inset:9% 2% 3%;border:1px solid rgba(145,133,255,.34);border-radius:50% 50% 46% 46%;box-shadow:0 0 90px rgba(104,91,255,.16),inset 0 0 60px rgba(104,91,255,.06);z-index:1}.portrait-ring:after{content:"";position:absolute;inset:8%;border:1px dashed rgba(101,217,255,.18);border-radius:50%;animation:spin 24s linear infinite}.orbit{position:absolute;border:1px solid rgba(124,108,255,.18);border-radius:50%}.orbit-1{width:540px;height:540px}.orbit-2{width:390px;height:390px;border-color:rgba(101,217,255,.12);transform:rotate(35deg)}.floating-card{position:absolute;z-index:5;display:flex;align-items:center;gap:11px;padding:13px 15px;background:rgba(12,17,27,.88);backdrop-filter:blur(15px);border:1px solid #263043;border-radius:13px;box-shadow:0 20px 50px rgba(0,0,0,.3)}.floating-card b{display:block;font-size:12px}.floating-card small{display:block;color:#7e8a9d;font-size:9px;margin-top:1px}.card-top{right:4%;top:15%}.card-bottom{left:3%;bottom:15%}.dot{width:9px;height:9px;background:#72e5a2;border-radius:50%;box-shadow:0 0 12px #72e5a2}.code-icon{font:700 13px monospace;color:#8e84ff}.section{max-width:var(--max);margin:auto;padding:120px 28px;border-top:1px solid rgba(255,255,255,.07)}.section-label{font-size:10px;letter-spacing:2px;color:#777ff0;font-weight:700;margin-bottom:18px}.section-title{max-width:850px}.section-title h2{font:700 clamp(36px,4.5vw,60px)/1.04 'Space Grotesk';letter-spacing:-2.5px;margin:0 0 35px}.section-title.row{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-title.row>span{color:#6e7a8d;font-size:11px;margin-bottom:40px}.about{display:grid;grid-template-columns:.55fr .9fr;column-gap:100px}.about .section-label{grid-column:1}.about .section-title{grid-column:1}.about-text{grid-column:2;grid-row:1/3;color:#a8b1bf;font-size:16px;align-self:end}.about-text p{margin:0 0 22px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skills-grid article{min-height:185px;padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(17,23,37,.9),rgba(10,14,23,.7));transition:.25s}.skills-grid article:hover,.project:hover{transform:translateY(-5px);border-color:#39455b}.skill-no{color:#657083;font-size:10px}.skills-grid h3{font:600 21px 'Space Grotesk';margin:23px 0 7px}.skills-grid p{color:#8995a7;font-size:12px;margin:0}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.project{padding:27px;border:1px solid var(--line);border-radius:17px;background:var(--surface);transition:.25s;min-height:300px}.project.featured{grid-column:span 2;min-height:335px;background:radial-gradient(circle at 85% 20%,rgba(116,98,255,.15),transparent 28%),linear-gradient(145deg,#111627,#0b0f18)}.project-meta{display:flex;justify-content:space-between;color:#68758a;font-size:9px;letter-spacing:1.5px;font-weight:700}.project h3{font:600 27px 'Space Grotesk';margin:35px 0 10px}.project p{color:#929eaf;font-size:13px;max-width:850px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px}.tags i{font-style:normal;color:#8995a7;border:1px solid #293347;border-radius:99px;padding:3px 8px;font-size:9px}.project a{display:inline-block;margin-top:22px;color:#aaa1ff;font-size:12px;font-weight:700}.research-card{display:grid;grid-template-columns:1fr .35fr;gap:60px;padding:38px;border:1px solid #293347;border-radius:20px;background:linear-gradient(120deg,#101524,#0b0f18)}.published{color:#7d73f7;font-size:9px;letter-spacing:1.8px;font-weight:700}.research-main h2{font:600 clamp(30px,4vw,48px)/1.08 'Space Grotesk';letter-spacing:-1.7px;margin:16px 0 9px}.research-main p{color:#8793a6;font-size:14px}.paper-link{display:inline-block;color:#aaa1ff;font-size:12px;font-weight:700;margin-top:15px}.research-side{border-left:1px solid #273044;padding-left:28px;display:flex;flex-direction:column;justify-content:center;gap:7px;color:#7e8a9d;font-size:11px}.research-side strong{color:#f3f5f8;font-size:13px}.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.edu-grid>div{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.edu-grid span{color:#7c73ef;font-size:10px;letter-spacing:1px}.edu-grid h2{font:600 24px 'Space Grotesk';margin:14px 0 5px}.edu-grid p{color:#8793a5;font-size:12px;margin:0}.contact{max-width:var(--max);margin:0 auto;padding:120px 28px 90px;text-align:center;border-top:1px solid rgba(255,255,255,.07)}.contact h2{font:700 clamp(42px,6vw,75px)/1 'Space Grotesk';letter-spacing:-3px;margin:12px auto 15px}.contact>p{color:#8d98aa}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px;text-align:left}.contact-grid a{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);display:grid;grid-template-columns:1fr auto;gap:5px;transition:.2s}.contact-grid a:hover{border-color:#424f67}.contact-grid small{grid-column:1/-1;color:#68758a;font-size:9px;letter-spacing:1.5px}.contact-grid strong{font-size:12px}.contact-grid a:last-child strong{color:#aaa1ff}footer{max-width:var(--max);margin:auto;padding:28px;color:#626d7e;font-size:10px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.07)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.nav{padding:0 18px}.nav nav{display:none}.nav-cta{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{height:520px;order:-1}.portrait-wrap{height:460px}.card-top{right:0}.card-bottom{left:0}.orbit-1{width:440px;height:440px}.orbit-2{width:330px;height:330px}.about{display:block}.about-text{margin-top:20px}.skills-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.project.featured{grid-column:auto}.research-card{grid-template-columns:1fr;gap:25px}.research-side{border-left:0;border-top:1px solid #273044;padding:20px 0 0}.edu-grid,.contact-grid{grid-template-columns:1fr}.section{padding:90px 22px}.section-title.row{display:block}.section-title.row>span{display:none}}@media(max-width:520px){.hero h1{font-size:47px;letter-spacing:-2.5px}.hero-lead{font-size:15px}.hero-visual{height:430px}.portrait-wrap{height:390px}.mini-stats{gap:22px}.mini-stats strong{font-size:20px}.skills-grid{grid-template-columns:1fr}.project h3{font-size:23px}.contact h2{letter-spacing:-2px}.floating-card small{display:none}.card-top{top:5%}.card-bottom{bottom:4%}footer{margin:0 22px;gap:20px;flex-direction:column}}
.light{--bg:#f5f7fb;--surface:#fff;--surface2:#eef1f7;--line:#dfe4ed;--text:#101522;--muted:#5d6879}.light .nav{background:rgba(245,247,251,.8);border-color:#e0e4ec}.light .nav-actions button,.light .nav-cta{background:#fff;color:#111;border-color:#d9dfe9}.light .hero-lead strong,.light .floating-card b,.light .research-side strong{color:#111}.light .floating-card{background:rgba(255,255,255,.88);border-color:#dbe1eb}.light .skills-grid article,.light .project,.light .edu-grid>div,.light .contact-grid a{background:#fff}.light .bg-grid{opacity:.35}.light footer,.light .section,.light .contact{border-color:#e1e5ec}
