*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f6f7fb;color:#0b1020;font-family:"DM Sans",sans-serif;line-height:1.65}
a{text-decoration:none;color:inherit}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.nav{position:sticky;top:0;z-index:50;background:rgba(246,247,251,.88);backdrop-filter:blur(18px);border-bottom:1px solid #e5e7ee}
.nav-in{height:76px;display:flex;align-items:center}
.logo{font:700 23px "Space Grotesk";letter-spacing:-.05em}.logo span{color:#8b5cf6}
.links{display:flex;gap:28px;margin-left:auto;margin-right:30px}.links a{font-size:13px;color:#626b7c}.links a:hover{color:#0b1020}
.nav-btn{font-size:13px;font-weight:700;border:1px solid #d9dde6;padding:9px 14px;border-radius:10px;background:#fff}
.hero{min-height:710px;display:grid;grid-template-columns:1.12fr .88fr;gap:65px;align-items:center;padding:80px 0}
.availability{font-size:11px;color:#697284;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:18px}.availability i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;margin-right:7px;box-shadow:0 0 0 5px #e2f8ee}
.eyebrow{font-size:10px;letter-spacing:.16em;color:#8b5cf6;font-weight:700;margin:0 0 15px}
.hero h1,h2,h3{font-family:"Space Grotesk",sans-serif;line-height:1.06;letter-spacing:-.04em}
.hero h1{font-size:clamp(45px,5.6vw,74px);margin:0;max-width:800px}.hero h1 span,.section-title em,.contact em,.split-band em{font-style:normal;background:linear-gradient(100deg,#8b5cf6,#2563eb);-webkit-background-clip:text;color:transparent}
.intro{font-size:19px;color:#667085;max-width:700px;margin:27px 0}.actions{display:flex;gap:12px}.btn{display:inline-block;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:700}.primary{background:#0b1020;color:#fff}.ghost{border:1px solid #d7dbe4;background:#fff}
.mini-links{display:flex;gap:21px;margin-top:26px;font-size:12px;color:#6b7382;flex-wrap:wrap}.mini-links a:hover,.contact-links a:hover{color:#8b5cf6}
.profile-wrap{height:520px;position:relative;display:flex;align-items:center;justify-content:center}
.profile-halo{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,#ddd4ff 0,#edf2ff 38%,transparent 70%);filter:blur(3px)}
.profile-card{position:relative;width:330px;border:1px solid #e0e4ec;border-radius:24px;background:#fff;padding:10px;box-shadow:0 30px 80px #1118271c;transform:rotate(1.2deg)}
.profile-top{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#8992a2;font-size:9px;letter-spacing:.12em;font-weight:700}.profile-top span:last-child{color:#10a878}
.profile-photo{display:block;width:100%;height:390px;object-fit:cover;object-position:center top;border-radius:17px;background:#e8ebf2}
.profile-bottom{display:flex;align-items:center;justify-content:space-between;padding:14px 8px 8px}.profile-bottom div{display:flex;flex-direction:column}.profile-bottom strong{font:700 18px "Space Grotesk"}.profile-bottom span{font-size:10px;color:#7b8493}.profile-bottom a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0b1020;color:#fff}
.floating-card{position:absolute;background:#fff;border:1px solid #e0e4ec;border-radius:13px;padding:12px 14px;box-shadow:0 18px 40px #11182716;display:flex;flex-direction:column}.floating-card b{font:700 18px "Space Grotesk"}.floating-card span{font-size:9px;color:#788293;text-transform:uppercase;letter-spacing:.08em}.fc-one{left:0;bottom:75px}.fc-two{right:0;top:90px}.fc-two b{font-size:12px;color:#8b5cf6}
.proof{background:#fff;border-block:1px solid #e5e7ee}.proof-in{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:#7a8392;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.section{padding:120px 0}.section-title small,.cta small,.contact small,.split-band>div:first-child>small{font-size:11px;letter-spacing:.16em;color:#7a8392;font-weight:700}.section-title h2{font-size:clamp(38px,4.7vw,58px);margin:16px 0 15px}.section-title p{color:#727b8d;max-width:700px}
.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:55px}.project{background:#fff;border:1px solid #e1e5ec;border-radius:17px;padding:28px;min-height:280px;display:flex;flex-direction:column;transition:.25s}.project:hover{transform:translateY(-5px);box-shadow:0 20px 45px #11182712}
.featured{grid-column:span 2;background:linear-gradient(135deg,#0d1424,#151d31);color:#fff;min-height:330px}.dark-project{background:#101728;color:#fff;border-color:#242e43}
.p-top{display:flex;justify-content:space-between;color:#7f899c;font-size:10px;letter-spacing:.13em;font-weight:700;margin-bottom:38px}.featured .p-top,.dark-project .p-top{color:#8d98ac}
.project-heading{display:flex;align-items:center;gap:12px}.project h3{font-size:28px;margin:0 0 12px}.featured-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#c8b6ff;border:1px solid #ffffff25;border-radius:99px;padding:5px 8px;margin-top:-8px}
.project p{font-size:14px;color:#697384;max-width:700px;margin:0}.featured p,.dark-project p{color:#9ba6b8}
.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.chips span{font-size:10px;border:1px solid #e2e5eb;padding:5px 8px;border-radius:99px;color:#60697a}.featured .chips span,.dark-project .chips span{border-color:#2c3548;color:#aeb8c8;background:#ffffff08}
.p-actions{display:flex;gap:18px;margin-top:auto;padding-top:24px}.p-actions a{font-size:12px;font-weight:700;color:#8b5cf6}.featured .p-actions a,.dark-project .p-actions a{color:#c4a9ff}
.research{background:#fff;border-block:1px solid #e5e7ee}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.research-card{border:1px solid #e1e5ec;border-radius:17px;padding:27px;min-height:300px;display:flex;flex-direction:column}.research-card>span{font:700 10px "Space Grotesk";color:#8b5cf6;letter-spacing:.08em}.research-card h3{font-size:23px;margin:43px 0 8px}.research-card label{color:#8b5cf6;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.research-card p{font-size:13px;color:#697384;margin-top:17px}.featured-research{background:linear-gradient(145deg,#f4efff,#fff)}
.research-cta{margin-top:18px;border:1px dashed #d6dae3;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.research-cta div{display:flex;flex-direction:column}.research-cta b{font-size:13px}.research-cta span{font-size:11px;color:#7a8392}.research-cta a{font-size:12px;font-weight:700;color:#8b5cf6}
.skills{background:#f0f2f7}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.skill-grid div{background:#fff;border:1px solid #e1e5ec;border-radius:16px;padding:25px}.skill-grid b{font-family:"Space Grotesk";font-size:17px}.skill-grid p{font-size:13px;color:#697384;margin-bottom:0}
.content-band{background:#fff;border-top:1px solid #e5e7ee}.split-band{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split-band h2{font:700 clamp(42px,5vw,60px) "Space Grotesk";letter-spacing:-.04em;line-height:1.05;margin:16px 0}.split-band p{color:#697384;max-width:550px}.social-card{display:flex;align-items:center;gap:13px;border:1px solid #e0e4ec;background:#f8f9fc;border-radius:15px;padding:14px 16px;margin-top:22px;transition:.2s}.social-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #11182710}.social-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#0b1020;color:#fff;font-size:13px}.social-card span:nth-child(2){display:flex;flex-direction:column;flex:1}.social-card b{font-size:13px}.social-card small{font-size:10px;color:#7b8493}.social-card strong{font-size:18px}
.about{display:grid;grid-template-columns:1.25fr .75fr;gap:80px}.about-copy p{color:#697384;max-width:720px}.about-copy .lead{font-size:21px;color:#313a4b}.about-stats{display:grid;grid-template-columns:1fr 1fr;background:#0c1220;color:#fff;border-radius:20px;overflow:hidden;height:max-content}.about-stats div{padding:28px;border:1px solid #222c40}.about-stats b{display:block;font:700 32px "Space Grotesk"}.about-stats span{font-size:11px;color:#9ca7b9}
.cta{padding:90px 0;background:#0b1020;color:#fff}.cta-in{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.cta h2{font-size:clamp(40px,5vw,62px);margin:16px 0 0}.cta-in>div:last-child p{color:#9ca7b9;font-size:15px;margin-bottom:25px}.cta .primary{background:#fff;color:#0b1020}
.contact{text-align:center;background:linear-gradient(#fff,#f0f2f7);padding:120px 0}.contact h2{font-size:clamp(45px,6vw,76px);margin:18px 0 30px}.email{font:600 clamp(20px,3vw,33px) "Space Grotesk";border-bottom:2px solid #0b1020}.contact-links{display:flex;justify-content:center;gap:22px;margin-top:30px;color:#697384;font-size:12px;flex-wrap:wrap}
footer{background:#080c18;color:#7c8799}footer .wrap{height:76px;display:flex;justify-content:space-between;align-items:center;font-size:11px}
@media(max-width:900px){.hero,.about,.cta-in,.split-band{grid-template-columns:1fr}.hero{gap:35px}.profile-wrap{height:470px}.projects{grid-template-columns:1fr}.featured{grid-column:auto}.research-grid,.skill-grid{grid-template-columns:1fr}.links{gap:15px}.nav-btn{display:none}.split-band{gap:30px}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.links{display:none}.hero{padding:60px 0}.section{padding:85px 0}.proof-in{justify-content:center;text-align:center}.hero h1{font-size:44px}.profile-wrap{height:420px}.profile-card{width:285px}.profile-photo{height:330px}.fc-one{left:0;bottom:30px}.fc-two{right:0;top:35px}.project{padding:22px}.about-stats{margin-top:20px}.cta-in{gap:35px}footer .wrap{flex-direction:column;justify-content:center;gap:4px}}
