:root {
    --ink:#0a1628; --deep:#071020; --teal:#00c4a7; --teal-dim:#009e86;
    --amber:#f5a623; --slate:#1e3a5f; --slate-light:#2b5180;
    --white:#f9fbfc; --gray:#8fa8c0;
    --mono:'Space Mono',monospace; --sans:'Sora',sans-serif;
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  body { background:var(--deep); color:var(--white); font-family:var(--sans); overflow-x:hidden; }
  nav { position:fixed; top:0; left:0; right:0; z-index:999; display:flex; align-items:center; justify-content:space-between; padding:1rem 4rem; background:rgba(7,16,32,0.85); backdrop-filter:blur(12px); border-bottom:1px solid rgba(0,196,167,0.15); }
  .nav-logo { font-family:var(--mono); font-size:1.1rem; color:var(--teal); text-decoration:none; letter-spacing:0.08em; }
  .nav-logo span { color:var(--white); }
  .nav-links { display:flex; gap:2rem; list-style:none; }
  .nav-links a { color:var(--gray); text-decoration:none; font-size:0.85rem; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; transition:color 0.2s; }
  .nav-links a:hover, .nav-links a.active { color:var(--teal); }
  .nav-cta { background:var(--teal); color:var(--deep)!important; padding:0.5rem 1.2rem; border-radius:4px; font-weight:700!important; }

  .hero { padding:10rem 4rem 6rem; background:var(--ink); position:relative; overflow:hidden; }
  .hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 60% 80% at 80% 30%, rgba(0,196,167,0.07) 0%, transparent 70%); pointer-events:none; }
  .hero-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(0,196,167,0.03) 1px, transparent 1px),linear-gradient(90deg,rgba(0,196,167,0.03) 1px, transparent 1px); background-size:60px 60px; pointer-events:none; }
  .hero-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 1.5fr; gap:5rem; align-items:center; }
  .photo-frame {
    aspect-ratio:3/4; background:linear-gradient(135deg, var(--slate) 0%, var(--slate-light) 100%);
    border-radius:6px; position:relative; overflow:hidden;
    display:flex; align-items:center; justify-content:center;
    border:1px solid rgba(0,196,167,0.2);
  }
  .photo-frame svg { width:65%; opacity:0.2; }
  .photo-corner { position:absolute; bottom:-1rem; right:-1rem; width:100px; height:100px; border-right:2px solid var(--teal); border-bottom:2px solid var(--teal); }
  .photo-badge { position:absolute; bottom:1.5rem; left:1.5rem; background:rgba(7,16,32,0.92); border:1px solid rgba(0,196,167,0.3); padding:0.6rem 0.9rem; border-radius:4px; font-family:var(--mono); font-size:0.68rem; color:var(--teal); line-height:1.6; }

  .section-tag { font-family:var(--mono); font-size:0.72rem; color:var(--teal); letter-spacing:0.25em; text-transform:uppercase; margin-bottom:1rem; display:flex; align-items:center; gap:0.75rem; }
  .section-tag::before { content:''; display:inline-block; width:2rem; height:1px; background:var(--teal); }
  h1 { font-size:clamp(2.5rem,4vw,3.8rem); font-weight:800; letter-spacing:-0.02em; line-height:1.1; margin-bottom:1rem; }
  h1 em { font-style:normal; color:var(--teal); }
  .lead { font-size:1.1rem; color:var(--gray); line-height:1.85; margin-bottom:1.5rem; }
  p { color:var(--gray); line-height:1.9; margin-bottom:1.2rem; font-size:0.95rem; }
  .tags { display:flex; flex-wrap:wrap; gap:0.5rem; margin:1.5rem 0; }
  .tag { background:rgba(0,196,167,0.08); border:1px solid rgba(0,196,167,0.25); color:var(--teal); padding:0.3rem 0.8rem; border-radius:3px; font-size:0.78rem; font-family:var(--mono); }
  .socials { display:flex; gap:1rem; flex-wrap:wrap; margin-top:2rem; }
  .social-btn { display:flex; align-items:center; gap:0.5rem; color:var(--gray); text-decoration:none; font-size:0.85rem; font-weight:600; border:1px solid rgba(255,255,255,0.1); padding:0.5rem 1rem; border-radius:4px; transition:all 0.2s; }
  .social-btn:hover { color:var(--teal); border-color:rgba(0,196,167,0.3); }
  .social-btn svg { width:16px; height:16px; fill:currentColor; }

  /* STATS BAR */
  .stats { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:rgba(0,196,167,0.1); }
  .stat { background:var(--deep); padding:2.5rem 2rem; text-align:center; }
  .stat-n { font-family:var(--mono); font-size:2rem; color:var(--teal); font-weight:700; display:block; margin-bottom:0.3rem; }
  .stat-l { font-size:0.78rem; color:var(--gray); letter-spacing:0.1em; text-transform:uppercase; }

  /* CAREER */
  .career { padding:6rem 4rem; background:var(--ink); }
  .career-inner { max-width:1100px; margin:0 auto; }
  .career-inner h2 { font-size:2rem; font-weight:800; margin-bottom:3rem; }
  .career-inner h2 em { font-style:normal; color:var(--teal); }
  .timeline { position:relative; padding-left:2rem; }
  .timeline::before { content:''; position:absolute; left:0; top:0; bottom:0; width:2px; background:rgba(0,196,167,0.2); }
  .tl-item { position:relative; margin-bottom:3rem; padding-left:2rem; }
  .tl-dot { position:absolute; left:-2.5rem; top:0.3rem; width:12px; height:12px; border-radius:50%; background:var(--teal); border:2px solid var(--deep); }
  .tl-year { font-family:var(--mono); font-size:0.7rem; color:var(--teal); letter-spacing:0.15em; margin-bottom:0.4rem; }
  .tl-title { font-size:1rem; font-weight:700; margin-bottom:0.4rem; }
  .tl-org { font-size:0.875rem; color:var(--amber); margin-bottom:0.5rem; }
  .tl-desc { font-size:0.875rem; color:var(--gray); line-height:1.7; }

  /* PUBLICATIONS */
  .pubs { padding:6rem 4rem; background:var(--deep); }
  .pubs-inner { max-width:1100px; margin:0 auto; }
  .pub-card { background:var(--ink); border:1px solid rgba(0,196,167,0.1); border-radius:6px; padding:1.5rem 2rem; margin-bottom:1rem; transition:border-color 0.3s; }
  .pub-card:hover { border-color:rgba(0,196,167,0.3); }
  .pub-title { font-size:0.95rem; font-weight:700; margin-bottom:0.4rem; line-height:1.4; }
  .pub-meta { font-size:0.8rem; color:var(--gray); font-family:var(--mono); }
  .pub-meta span { color:var(--teal); }

  /* SKILLS */
  .skills-sec { padding:6rem 4rem; background:var(--ink); }
  .skills-inner { max-width:1100px; margin:0 auto; }
  .skills-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:2.5rem; }
  .skill-group { background:var(--deep); border:1px solid rgba(0,196,167,0.1); border-radius:6px; padding:1.5rem; }
  .skill-group-title { font-size:0.8rem; font-family:var(--mono); color:var(--teal); letter-spacing:0.12em; text-transform:uppercase; margin-bottom:1rem; }
  .skill-bar-wrap { margin-bottom:0.75rem; }
  .skill-name { font-size:0.8rem; color:var(--white); display:flex; justify-content:space-between; margin-bottom:0.3rem; }
  .skill-name span { color:var(--gray); font-family:var(--mono); font-size:0.72rem; }
  .skill-bar { height:4px; background:rgba(255,255,255,0.07); border-radius:2px; overflow:hidden; }
  .skill-fill { height:100%; border-radius:2px; background:linear-gradient(to right, var(--teal-dim), var(--teal)); }

  footer { background:var(--deep); border-top:1px solid rgba(0,196,167,0.1); padding:3rem 4rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1.5rem; }
  .footer-logo { font-family:var(--mono); color:var(--teal); font-size:1rem; text-decoration:none; }
  .footer-copy { color:var(--gray); font-size:0.8rem; }
  .footer-links { display:flex; gap:1.5rem; }
  .footer-links a { color:var(--gray); text-decoration:none; font-size:0.8rem; transition:color 0.2s; }
  .footer-links a:hover { color:var(--teal); }

  @media(max-width:900px) {
    nav { padding:1rem 2rem; } .nav-links { display:none; }
    .hero { padding:7rem 2rem 3rem; } .hero-inner { grid-template-columns:1fr; }
    .career,.pubs,.skills-sec { padding:4rem 2rem; }
    .skills-grid { grid-template-columns:1fr; }
    .stats { grid-template-columns:1fr 1fr; }
    footer { flex-direction:column; align-items:flex-start; padding:2rem; }
  }