:root{--bg:#07111f;--panel:#0d1b2d;--panel2:#10233a;--text:#eef5ff;--muted:#9cafc5;--accent:#55e6a5;--accent2:#61a8ff;--line:rgba(255,255,255,.09);--max:1120px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.7}a{text-decoration:none;color:inherit}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 24px;position:sticky;top:0;z-index:10;background:rgba(7,17,31,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.logo{font:700 28px "Space Grotesk";letter-spacing:-2px}.logo span{color:var(--accent)}nav{display:flex;gap:25px;font-size:14px;color:var(--muted)}nav a:hover,.links a:hover,.contact-links a:hover{color:var(--accent)}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:calc(100vh - 76px);max-width:var(--max);margin:auto;padding:90px 24px;display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2.5px;color:var(--accent);font-weight:700;margin-bottom:15px}.hero h1{font:700 clamp(48px,7vw,86px)/1.02 "Space Grotesk";letter-spacing:-4px}.hero h1 span{color:var(--accent)}.hero h2{font:600 clamp(20px,3vw,31px)/1.25 "Space Grotesk";max-width:650px;margin:24px 0 18px}.hero-text{color:var(--muted);max-width:650px;font-size:16px}.actions{display:flex;gap:12px;margin:30px 0 22px;flex-wrap:wrap}.btn{display:inline-flex;padding:12px 20px;border-radius:10px;font-weight:700;font-size:14px;transition:.2s}.primary{background:var(--accent);color:#06130e}.primary:hover{transform:translateY(-2px)}.secondary{border:1px solid var(--line);background:var(--panel);color:white}.links{display:flex;gap:20px;color:var(--muted);font-size:14px}.hero-photo{display:flex;flex-direction:column;align-items:center;position:relative}.hero-photo img{width:min(330px,75vw);aspect-ratio:1;object-fit:cover;border-radius:50%;border:7px solid var(--panel2);position:relative;z-index:1;box-shadow:0 30px 90px rgba(0,0,0,.35)}.photo-ring{position:absolute;width:360px;height:360px;border:1px solid rgba(85,230,165,.35);border-radius:50%;animation:spin 16s linear infinite}.status{margin-top:25px;padding:7px 12px;border:1px solid var(--line);border-radius:30px;background:var(--panel);font-size:12px;color:var(--muted)}.status:first-letter{color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.section{max-width:var(--max);margin:auto;padding:100px 24px}.muted{max-width:none;background:linear-gradient(90deg,rgba(255,255,255,.025),transparent)}.section>*{max-width:var(--max);margin-left:auto;margin-right:auto}.section-head{display:flex;align-items:center;gap:15px;margin-bottom:45px}.section-head span{color:var(--accent);font:700 13px "Space Grotesk"}.section-head h2{font:700 38px "Space Grotesk";letter-spacing:-1.5px}.about-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px}.about-grid p{color:var(--muted);margin-bottom:18px}.about-grid .lead{font-size:21px;color:var(--text);line-height:1.5}.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.facts div{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.facts strong{display:block;font:700 25px "Space Grotesk";color:var(--accent)}.facts span{font-size:12px;color:var(--muted)}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.skill-grid article,.card,.project,.achievement,.education-card{background:var(--panel);border:1px solid var(--line);border-radius:16px}.skill-grid article{padding:25px}.skill-grid h3{font:600 19px "Space Grotesk";margin-bottom:15px}.tags,.project-tags{display:flex;flex-wrap:wrap;gap:8px}.tags span,.project-tags span{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:5px 9px;border-radius:20px}.timeline{max-width:850px!important;margin-left:auto!important;margin-right:auto!important;border-left:1px solid var(--line);padding-left:35px}.timeline-item{position:relative;margin-bottom:25px}.dot{position:absolute;left:-41px;top:30px;width:11px;height:11px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px var(--bg)}.card{padding:27px}.meta,.project-top{font-size:11px;letter-spacing:1.5px;color:var(--accent);font-weight:700}.card h3{font:600 23px "Space Grotesk";margin:5px 0 10px}.card p,.card li{color:var(--muted);font-size:14px}.card ul{padding-left:18px;margin-top:10px}.award{color:var(--accent)!important;margin-top:12px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project{padding:28px;min-height:265px;display:flex;flex-direction:column}.project-top{display:flex;justify-content:space-between;margin-bottom:25px}.project h3{font:600 25px "Space Grotesk";margin-bottom:10px}.project p{color:var(--muted);font-size:14px}.project-tags{margin:20px 0}.project>a{color:var(--accent);font-size:13px;font-weight:700;margin-top:auto}.achievement-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.achievement{padding:22px;display:flex;gap:18px;align-items:flex-start}.achievement>span{font-size:25px}.achievement h3{font:600 18px "Space Grotesk"}.achievement p{color:var(--muted);font-size:13px}.education-card{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.education-card>div+div{border-left:1px solid var(--line);padding-left:35px}.year{color:var(--accent);font-size:12px;font-weight:700}.education-card h3{font:600 20px "Space Grotesk";margin:6px 0}.education-card p{color:var(--muted);font-size:14px}.education-card strong{color:var(--accent);font-size:13px}.contact{max-width:900px;margin:60px auto 100px;text-align:center;padding:80px 24px}.contact h2{font:700 clamp(40px,6vw,65px)/1.05 "Space Grotesk";letter-spacing:-3px}.contact>p:not(.eyebrow){color:var(--muted);max-width:580px;margin:18px auto 28px}.contact-links{display:flex;justify-content:center;gap:25px;margin-top:28px;color:var(--muted);font-size:13px;flex-wrap:wrap}footer{text-align:center;border-top:1px solid var(--line);padding:25px;color:#71849a;font-size:12px}@media(max-width:800px){nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr;text-align:center;padding-top:65px}.hero-copy{order:2}.hero-photo{order:1}.hero h1{letter-spacing:-2px}.hero-text{margin:auto}.actions,.links{justify-content:center}.photo-ring{width:290px;height:290px}.hero-photo img{width:250px}.about-grid,.skill-grid,.project-grid,.achievement-grid,.education-card{grid-template-columns:1fr}.education-card>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:25px}.facts{margin-top:10px}.section{padding:75px 20px}.section-head h2{font-size:32px}}
