:root{--bg:#06121f;--bg2:#081a2b;--panel:#0a2034;--panel2:#0d2941;--text:#eef6ff;--muted:#9eb0c2;--line:#163b58;--blue:#1595ff;--blue2:#55b8ff;--green:#21d695;--shadow:0 20px 60px rgba(0,0,0,.28)}
[data-theme="light"]{--bg:#f7fbff;--bg2:#eef6fc;--panel:#fff;--panel2:#f2f7fb;--text:#0b1f33;--muted:#5b6b7a;--line:#d8e7f2;--shadow:0 18px 50px rgba(16,54,85,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}.container{width:min(1180px,92%);margin:auto}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#0d79ff,#1ca7ff);color:white;font-family:Space Grotesk}.nav{display:flex;gap:26px;font-size:14px}.nav a{color:var(--muted);position:relative;padding:26px 0}.nav a:hover,.nav a.active{color:var(--text)}.nav a.active:after{content:"";height:2px;background:var(--blue);position:absolute;left:0;right:0;bottom:0}.nav-actions{display:flex;align-items:center;gap:10px}.icon-btn,.menu-btn{width:40px;height:40px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;cursor:pointer}.menu-btn{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:999px;font-weight:700;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#0f83ff,#17a7ff);color:white;box-shadow:0 10px 25px rgba(21,149,255,.22)}.btn-outline{border-color:#2d78ad;color:var(--text);background:transparent}.btn-sm{padding:9px 15px;font-size:13px}.hero{position:relative;overflow:hidden;padding:88px 0 0;background:radial-gradient(circle at 73% 25%,rgba(0,121,255,.20),transparent 28%),linear-gradient(180deg,var(--bg),var(--bg2))}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(52,137,200,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(52,137,200,.07) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 78%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:52px}.availability{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #1d6689;border-radius:999px;font-size:12px;color:#b9e9ff;background:#06243a}.availability i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--blue2);font-weight:800;margin:20px 0 10px}.hero h1,.section h2,.cta h2{font-family:Space Grotesk;font-weight:700;line-height:1.08}.hero h1{font-size:clamp(42px,6vw,72px);margin:0}.hero h1 span{color:var(--blue)}.hero h2{font-size:clamp(20px,2.7vw,34px);margin:14px 0 10px;color:#77c9ff}.hero-text{max-width:670px;color:var(--muted);font-size:17px}.hero-actions,.cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.socials{display:flex;gap:10px;margin-top:22px}.socials a{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--panel);color:#c9e9ff}.hero-visual{min-height:500px;display:grid;place-items:center}.profile-card{position:relative;width:min(460px,100%);aspect-ratio:4/4.6;border:1px solid #1c5275;border-radius:36px;background:radial-gradient(circle at 50% 35%,rgba(39,158,255,.28),transparent 35%),linear-gradient(145deg,#0b2137,#06111f);box-shadow:var(--shadow);display:grid;place-items:center;overflow:hidden}.profile-card:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(53,174,255,.22);border-radius:50%}.profile-placeholder{position:relative;z-index:2;text-align:center}.profile-placeholder span{display:grid;place-items:center;margin:auto;width:155px;height:155px;border-radius:50%;background:linear-gradient(145deg,#0e86ff,#1eb4ff);font:800 54px Space Grotesk;color:white;box-shadow:0 0 55px rgba(22,157,255,.35)}.profile-placeholder small{display:block;margin-top:18px;color:#9ac4df}.floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;background:rgba(6,27,44,.88);border:1px solid #1f638b;border-radius:12px;padding:10px 14px;font-size:13px}.fc-1{top:14%;left:5%}.fc-2{top:31%;right:5%}.fc-3{bottom:16%;left:8%}.stat-strip{position:relative;transform:translateY(44px);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(6,27,44,.96);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:24px}.stat-strip>div{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line)}.stat-strip>div:last-child{border-right:0}.stat-strip strong{font-size:29px;color:white}.stat-strip span{color:#a8c0d2;font-size:13px}.section{padding:120px 0 90px}.section-alt{background:var(--bg2)}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:start}.section h2{font-size:clamp(30px,4vw,48px);margin:0 0 20px}.section-copy>p:not(.eyebrow){color:var(--muted)}.chip-row,.tech{display:flex;gap:8px;flex-wrap:wrap}.chip-row span,.tech span{padding:6px 10px;border-radius:999px;background:#0a2d46;border:1px solid #19547b;color:#aee0ff;font-size:12px}.about-panel{display:grid;gap:12px}.about-item{display:flex;gap:15px;align-items:center;padding:18px;border:1px solid var(--line);background:var(--panel);border-radius:16px}.about-item i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#0c3554;color:var(--blue2)}.about-item small{display:block;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-head h2{margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card,.skill-card,.education-card,.cert-card{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),#071a2a);border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(0,0,0,.12)}[data-theme="light"] .project-card,[data-theme="light"] .skill-card,[data-theme="light"] .education-card,[data-theme="light"] .cert-card{background:var(--panel)}.project-img{aspect-ratio:16/9;background:#e9f1f8;overflow:hidden}.project-img img{width:100%;height:100%;object-fit:cover}.project-illustration{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(145deg,#0d3150,#0a6eb3);font-size:70px;color:#9edcff}.project-body{padding:22px}.project-type{display:inline-block;color:#73c8ff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.project-card h3{font-size:20px;line-height:1.25;margin:0 0 10px}.project-card p{color:var(--muted);font-size:14px}.skill-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.skill-card{padding:22px}.skill-card i{font-size:30px;color:var(--blue2)}.skill-card h3{margin:12px 0 6px}.skill-card p{font-size:13px;color:var(--muted)}.education-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.education-card{display:flex;gap:18px;padding:24px;align-items:start}.round-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#0a3557;color:#36a9ff;font-size:22px;flex:0 0 auto}.education-card p,.education-card small,.cert-card p{color:var(--muted)}.cert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cert-card{padding:20px}.cert-card i{color:#55b8ff}.cert-card h3{font-size:15px;margin:10px 0 4px}.cert-card p{font-size:12px;margin:0}.cta{padding:60px 0;background:linear-gradient(135deg,#0a2137,#0a385b);border-top:1px solid #1b4d70}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:38px;margin:0 0 8px}.cta p:not(.eyebrow){color:#bfd2df;margin:0}footer{padding:30px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.show{opacity:1;transform:none}@media(max-width:1000px){.nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--bg);padding:20px 4%;border-bottom:1px solid var(--line);flex-direction:column}.nav.open{display:flex}.nav a{padding:8px 0}.menu-btn{display:block}.btn-sm{display:none}.hero-grid,.two-col,.education-grid{grid-template-columns:1fr}.hero-visual{min-height:420px}.project-grid{grid-template-columns:1fr 1fr}.skill-grid{grid-template-columns:repeat(3,1fr)}.stat-strip{grid-template-columns:repeat(2,1fr);row-gap:20px}.stat-strip>div:nth-child(2){border-right:0}.cta-inner{flex-direction:column;align-items:flex-start}.footer-inner{flex-direction:column;gap:10px}}@media(max-width:650px){.hero{padding-top:60px}.project-grid,.skill-grid,.cert-grid{grid-template-columns:1fr}.hero h1{font-size:48px}.hero-visual{min-height:360px}.profile-card{width:100%;border-radius:24px}.stat-strip{grid-template-columns:1fr 1fr;padding:18px}.section{padding:95px 0 70px}.cta h2{font-size:30px}.nav-actions .icon-btn{display:none}}