@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#06101d;--surface:#0b1727;--surface2:#0f1d2f;--text:#eef5ff;--muted:#98a8bd;--line:#20334a;--accent:#20b8ff;--accent2:#176dff;--shadow:0 25px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 10%,rgba(23,109,255,.13),transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;background:rgba(6,16,29,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(32,51,74,.7)}.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk";font-weight:700}.brand img{width:40px;height:40px;border-radius:50%;object-fit:cover}.nav-links{display:flex;align-items:center;gap:20px;font-size:13px;color:var(--muted)}.nav-links a:hover,.socials a:hover,.contact-links a:hover{color:var(--accent)}.theme-btn,.menu-toggle{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;cursor:pointer}.theme-btn{width:38px;height:34px}.menu-toggle{display:none;padding:8px 11px;font-size:18px}.section{max-width:1180px;margin:auto;padding:105px 5%}.hero{min-height:calc(100vh - 70px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px}.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--accent);font-weight:800;margin:0 0 15px}.hero h1{font:700 clamp(42px,6vw,78px)/1.03 "Space Grotesk";margin:0 0 20px}.hero h1 span{background:linear-gradient(90deg,var(--accent),#6a8cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h2{font:600 clamp(21px,2.5vw,32px)/1.2 "Space Grotesk";margin:0 0 20px}.lead{font-size:17px;color:var(--muted);max-width:680px}.hero-actions,.project-actions,.socials,.contact-links{display:flex;gap:12px;flex-wrap:wrap}.hero-actions{margin:30px 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:11px;border:1px solid var(--line);font-weight:700;font-size:14px;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(110deg,var(--accent),var(--accent2));color:#03101b;border:0}.btn.secondary{background:var(--surface);color:var(--text)}.btn.small{padding:9px 13px;font-size:13px}.socials{color:var(--muted);font-size:13px}.socials a,.contact-links a{padding:7px 0}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.hero-logo{width:min(410px,72%);aspect-ratio:1;object-fit:cover;border-radius:50%;position:relative;z-index:2;box-shadow:0 0 90px rgba(32,184,255,.18)}.logo-orbit{position:absolute;width:80%;aspect-ratio:1;border:1px solid rgba(32,184,255,.22);border-radius:50%;box-shadow:0 0 80px rgba(23,109,255,.1)}.floating-card{position:absolute;z-index:3;background:rgba(11,23,39,.86);border:1px solid var(--line);box-shadow:var(--shadow);padding:12px 16px;border-radius:14px;display:flex;flex-direction:column}.floating-card strong{font-size:14px}.floating-card small{color:var(--muted)}.card-one{top:16%;left:0}.card-two{right:0;top:38%}.card-three{left:9%;bottom:12%}.section-heading{max-width:720px;margin-bottom:45px}.section-heading h2{font:700 clamp(30px,4vw,48px)/1.1 "Space Grotesk";margin:0}.alt{max-width:none;padding-left:max(5%,calc((100% - 1080px)/2));padding-right:max(5%,calc((100% - 1080px)/2));background:linear-gradient(180deg,rgba(15,29,47,.28),rgba(15,29,47,.08))}.about-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:25px}.glass,.skill-card,.project,.cert,.achievement{background:rgba(11,23,39,.7);border:1px solid var(--line);border-radius:20px}.glass{padding:30px;color:var(--muted)}.glass strong{color:var(--text)}.stats{display:grid;gap:14px}.stats div{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.stats strong{display:block;font:700 32px "Space Grotesk";color:var(--accent)}.stats span{font-size:13px;color:var(--muted)}.skill-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.skill-card{padding:22px}.skill-card span,.tag,.cert>span,.achievement>span{font-size:11px;letter-spacing:.14em;color:var(--accent);font-weight:800}.skill-card h3{font:600 19px "Space Grotesk"}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips b{font-size:11px;font-weight:600;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:#b9c9dc;background:rgba(255,255,255,.025)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project{padding:26px;min-height:280px;display:flex;flex-direction:column;transition:.25s}.project:hover,.skill-card:hover,.cert:hover,.achievement:hover{transform:translateY(-5px);border-color:rgba(32,184,255,.45);box-shadow:var(--shadow)}.project.featured{grid-column:span 2;min-height:320px;background:linear-gradient(135deg,rgba(20,184,255,.09),rgba(11,23,39,.82))}.project-top{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.project h3{font:700 28px "Space Grotesk";margin:25px 0 10px}.project p,.cert small,.achievement p{color:var(--muted);font-size:14px}.project .chips{margin-top:auto;padding-top:18px}.text-link{color:var(--accent);font-weight:700;font-size:13px;margin-top:18px}.timeline{border-left:1px solid var(--line);margin-left:8px}.timeline-item{position:relative;padding:0 0 42px 35px}.timeline-item:before{content:"";position:absolute;left:-6px;top:7px;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px rgba(32,184,255,.55)}.timeline-item span{font-size:12px;color:var(--accent);font-weight:800}.timeline-item h3{font:600 23px "Space Grotesk";margin:7px 0}.timeline-item p{color:var(--muted);margin:0}.cert-grid,.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cert,.achievement{padding:26px;transition:.25s}.cert h3,.achievement h3{font:600 23px "Space Grotesk";margin:14px 0 5px}.cert p{color:var(--accent);font-size:13px;margin-top:0}.contact{text-align:center}.contact-box{padding:70px 25px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 50% 0,rgba(32,184,255,.11),transparent 50%),var(--surface)}.contact-box>p:not(.eyebrow){color:var(--muted);max-width:650px;margin:0 auto 25px}.contact h2{font:700 clamp(34px,5vw,58px)/1.05 "Space Grotesk";max-width:760px;margin:0 auto 18px}.email{font:700 clamp(19px,3vw,28px) "Space Grotesk";color:var(--accent);display:inline-block;margin-bottom:25px}.contact-links{justify-content:center;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 5%;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}footer a{color:var(--accent)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:950px){.nav-links{gap:12px}.skill-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-visual{min-height:430px}.about-grid{grid-template-columns:1fr}.cert-grid,.achievement-grid{grid-template-columns:1fr}}@media(max-width:760px){.navbar{padding:11px 4%}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:65px;left:4%;right:4%;padding:15px;flex-direction:column;align-items:stretch;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.theme-btn{width:100%}.section{padding:80px 5%}.hero{padding-top:55px}.hero-visual{min-height:360px}.floating-card{transform:scale(.86)}.card-one{left:-8%}.card-two{right:-8%}.project-grid{grid-template-columns:1fr}.project.featured{grid-column:span 1}.skill-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.brand span{font-size:13px}.hero-logo{width:78%}.hero-visual{min-height:330px}.skill-grid{grid-template-columns:1fr}.project h3{font-size:24px}footer{flex-direction:column}}
body.light{--bg:#f4f8fc;--surface:#fff;--surface2:#edf4fb;--text:#102033;--muted:#52657a;--line:#d6e2ef;--accent:#008bd2;--accent2:#315ee8;background:radial-gradient(circle at 75% 10%,rgba(49,94,232,.10),transparent 30%),var(--bg)}body.light .navbar{background:rgba(244,248,252,.82)}body.light .project,body.light .glass,body.light .skill-card,body.light .cert,body.light .achievement{background:rgba(255,255,255,.82)}


@media(max-width:760px){}

.hero-photo{
  width:min(390px,72%);
  aspect-ratio:1/1;
  object-fit:cover;
  object-position:center top;
  border-radius:50%;
  position:relative;
  z-index:2;
  box-shadow:0 0 0 3px rgba(32,184,255,.95),0 0 0 12px rgba(32,184,255,.08),0 25px 80px rgba(0,0,0,.35),0 0 70px rgba(32,184,255,.18);
}
@media(max-width:760px){
  .hero-photo{width:74%}
}