:root{--bg:#0b1120;--panel:#111b2e;--panel2:#152239;--text:#f2f5fb;--muted:#a6b2c8;--line:#27354d;--mint:#69e4c0;--blue:#7c9cff;--purple:#bd9aff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(6vw,24px);border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;background:rgba(11,17,32,.9);backdrop-filter:blur(18px);z-index:10}.brand{display:flex;gap:10px;align-items:center;font-weight:750;letter-spacing:-.04em;font-size:1.12rem}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--mint),var(--blue));color:#0b1120;font-weight:900}.accent{color:var(--mint)}.nav{display:flex;align-items:center;gap:30px;color:#b9c4d8;font-size:.88rem}.nav a:hover,footer a:hover{color:var(--mint)}.nav-cta{border:1px solid #35445e;padding:9px 15px;border-radius:9px;color:var(--text)!important}.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.5rem}.section{padding:100px max(8vw,24px);max-width:1440px;margin:auto}.hero{min-height:660px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:55px;padding-top:90px;padding-bottom:90px}.eyebrow{font-size:.72rem;letter-spacing:.17em;font-weight:750;color:var(--mint);margin:0 0 18px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:8px;box-shadow:0 0 12px #69e4c080}.hero h1{font-size:clamp(2.7rem,5vw,4.9rem);line-height:1.08;letter-spacing:-.065em;margin:0;max-width:740px}.gradient-text{background:linear-gradient(95deg,var(--mint),#94c5ff 55%,var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{color:var(--muted);max-width:590px;font-size:1.08rem;margin:25px 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border-radius:10px;font-weight:700;font-size:.9rem;transition:transform .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--mint);color:#0b1720}.secondary{border:1px solid #34425a;color:var(--text)}.quick-facts{display:flex;gap:30px;margin-top:46px;padding-top:23px;border-top:1px solid var(--line)}.quick-facts div{display:flex;flex-direction:column}.quick-facts strong{font-size:1rem}.quick-facts span{font-size:.75rem;color:var(--muted)}.hero-art{min-height:380px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #34445e;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:370px;height:300px}.orbit-two{width:310px;height:400px;transform:rotate(45deg);border-color:#263b50}.code-card{position:relative;width:min(100%,390px);background:#101b2d;border:1px solid #34425b;border-radius:16px;box-shadow:0 35px 90px #0006;overflow:hidden;z-index:1;transform:rotate(-2deg)}.code-top{height:45px;border-bottom:1px solid #28364d;display:flex;align-items:center;gap:6px;padding:0 15px}.code-top>span{width:8px;height:8px;border-radius:50%;background:#52617b}.code-top>span:first-child{background:#f28b82}.code-top>span:nth-child(2){background:#fdd663}.code-top>span:nth-child(3){background:#69e4c0}.code-top small{margin-left:auto;color:#8190a8;font-size:.72rem}.code-card pre{padding:16px 22px 25px;overflow:auto;font-size:.83rem;line-height:2;color:#d8e2f3}.code-purple{color:#c7a5ff}.code-green{color:#80e8c7}.code-yellow{color:#f3d78b}.code-blue{color:#8db8ff}.floating-chip{position:absolute;background:#18263d;border:1px solid #3a4d68;border-radius:10px;padding:9px 13px;font-weight:700;font-size:.8rem;box-shadow:0 10px 30px #0004;z-index:2}.chip-java{top:14%;right:0}.chip-api{bottom:18%;left:0}.chip-ml{bottom:8%;right:8%}.about-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;border-top:1px solid #202d43}.section-heading h2,.research-panel h2,.contact-section h2{font-size:clamp(2rem,3.4vw,3.15rem);line-height:1.17;letter-spacing:-.05em;margin:0}.muted,.section-intro{color:var(--muted)}.about-copy{color:#c4cede;font-size:1.02rem;max-width:650px}.small-note{font-size:.82rem;color:#8999b4;border-left:2px solid var(--mint);padding-left:14px;margin-top:25px}.skills-section{background:#0e1728;max-width:none;padding-left:max(8vw,24px);padding-right:max(8vw,24px)}.skills-section>.section-heading,.projects-section>.section-heading{max-width:720px;margin:0 auto 38px;text-align:center}.section-intro{margin:14px auto 0;max-width:560px}.skill-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.skill-card,.project-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:24px;transition:transform .2s,border-color .2s}.skill-card:hover,.project-card:hover{transform:translateY(-4px);border-color:#54718c}.skill-icon{width:40px;height:40px;display:grid;place-items:center;background:#20354a;color:var(--mint);border-radius:12px;font-size:1.2rem}.skill-card h3,.project-card h3{margin:17px 0 6px;font-size:1.04rem}.skill-card p,.project-card p{margin:0;color:var(--muted);font-size:.88rem}.projects-section{padding-top:110px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{min-height:310px;display:flex;flex-direction:column;align-items:flex-start}.project-number{font-size:.68rem;letter-spacing:.12em;color:#8495b1;font-weight:700}.project-symbol{font-size:2.2rem;color:var(--mint);margin-top:26px}.project-card h3{font-size:1.25rem}.project-card p{line-height:1.75}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:25px}.tags span{font-size:.68rem;border:1px solid #35445d;border-radius:20px;padding:4px 9px;color:#b8c6da}.research-section{padding-top:35px}.research-panel{border:1px solid #2d4056;background:linear-gradient(120deg,#14273a,#141c31 65%);border-radius:22px;padding:clamp(28px,5vw,65px);display:grid;grid-template-columns:1fr .65fr;gap:50px;align-items:center}.research-panel p:not(.eyebrow){color:#b8c6d9;max-width:650px}.research-badge{border:1px solid #3b5268;border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;min-height:180px;justify-content:center;background:#0c1728aa}.research-badge span{font-size:.7rem;letter-spacing:.15em;color:#91a4c0}.research-badge strong{font-size:3.7rem;line-height:1;color:var(--mint);letter-spacing:-.07em}.contact-section{text-align:center;padding-top:110px;padding-bottom:110px}.contact-section>p:not(.eyebrow){color:var(--muted);max-width:550px;margin:22px auto 28px}.contact-section .hero-actions{justify-content:center}.contact-warning{font-size:.78rem!important;color:#8797b0!important}footer{border-top:1px solid #202d43;display:flex;justify-content:space-between;align-items:center;padding:24px max(6vw,24px);color:#94a3ba;font-size:.78rem}footer .brand{color:var(--text)}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:10px}.hero-art{min-height:370px}.about-section{grid-template-columns:1fr;gap:20px}.skill-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.project-card{min-height:250px}.research-panel{grid-template-columns:1fr}.research-badge{min-height:150px}}@media(max-width:650px){.site-header{height:68px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:67px;left:0;right:0;padding:18px 24px 24px;background:#0e1728;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:18px}.nav.open{display:flex}.nav-cta{text-align:center}.section{padding-top:75px;padding-bottom:75px}.hero{padding-top:65px}.hero h1{font-size:clamp(2.6rem,12vw,4rem)}.quick-facts{gap:18px;flex-wrap:wrap}.quick-facts span{max-width:100px}.hero-art{min-height:320px}.code-card{width:95%}.orbit-one{width:290px;height:245px}.orbit-two{width:250px;height:320px}.floating-chip{font-size:.72rem;padding:7px 10px}.skill-grid{grid-template-columns:1fr}.skill-card{padding:21px}.research-panel{padding:26px}footer{gap:15px;flex-wrap:wrap}footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}