:root{
    --navy-950:#05070d;
    --navy-900:#0a0e1a;
    --navy-850:#0d1322;
    --navy-800:#121a2e;
    --navy-700:#1a2540;
    --navy-600:#26355a;
    --line:rgba(201,162,39,0.16);
    --line-strong:rgba(201,162,39,0.35);
    --gold-300:#e9d089;
    --gold-500:#c9a227;
    --gold-600:#a9831c;
    --paper:#ece8dc;
    --paper-dim:#c7c3b4;
    --slate:#8a91a8;
    --slate-dim:#5c6379;
    --radius:2px;
    --maxw:1120px;
    --ease:cubic-bezier(.16,.8,.28,1);
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--navy-950);
    color:var(--paper);
    font-family:'Inter',system-ui,sans-serif;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  h1,h2,h3,h4{
    font-family:'Space Grotesk',sans-serif;
    margin:0;
    font-weight:600;
    letter-spacing:-0.01em;
    color:var(--paper);
  }
  .mono{ font-family:'JetBrains Mono',monospace; }
  a{ color:inherit; }
  img{max-width:100%;display:block;}

  .grid-bg{
    position:fixed; inset:0; z-index:0; pointer-events:none;
    background-image:
      linear-gradient(rgba(201,162,39,0.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(201,162,39,0.05) 1px, transparent 1px);
    background-size:64px 64px;
    -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, #000 0%, transparent 75%);
            mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, #000 0%, transparent 75%);
  }
  .noise{
    position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.035; mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }

  section, header, footer{ position:relative; z-index:1; }
  .wrap{ max-width:var(--maxw); margin:0 auto; padding:0 28px; }

  nav{
    position:sticky; top:0; z-index:50;
    background:rgba(6,9,16,0.72);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  nav .wrap{ display:flex; align-items:center; justify-content:space-between; height:64px; }
  .logo{ font-family:'JetBrains Mono',monospace; font-size:15px; color:var(--gold-300); letter-spacing:0.02em; }
  .logo .cursor{ display:inline-block; width:8px; height:16px; background:var(--gold-500); margin-left:2px; vertical-align:-2px; animation:blink 1.1s step-end infinite; }
  .navlinks{ display:flex; gap:22px; font-size:12.5px; font-family:'JetBrains Mono',monospace; }
  .navlinks a{ text-decoration:none; color:var(--slate); transition:color .2s var(--ease); }
  .navlinks a:hover, .navlinks a:focus-visible{ color:var(--gold-300); }
  .navlinks a::before{ content:"./"; color:var(--slate-dim); }
  @media (max-width:900px){ .navlinks{ display:none; } }

  header.hero{ padding:88px 0 64px; }
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-family:'JetBrains Mono',monospace; font-size:12.5px; letter-spacing:.08em;
    color:var(--gold-500); text-transform:uppercase; margin-bottom:22px;
  }
  .eyebrow::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--gold-500); box-shadow:0 0 8px var(--gold-500); }

  .hero-id{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:18px; margin-bottom:30px; }
  .hero-photo{
    width:180px; height:180px; border-radius:50%; object-fit:cover; object-position:50% 22%;
    border:3px solid var(--gold-500); box-shadow:0 0 0 8px rgba(201,162,39,.12), 0 16px 32px -10px rgba(0,0,0,.65);
    flex-shrink:0;
  }
  @media (max-width:520px){ .hero-photo{ width:140px; height:140px; } }

  .hero-grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:56px; align-items:start; }
  @media (max-width:900px){ .hero-grid{ grid-template-columns:1fr; } }

  .hero h1{ font-size:clamp(2.2rem, 4.6vw, 3.4rem); line-height:1.06; }
  .hero-sub{ margin-top:20px; font-size:16.5px; color:var(--paper-dim); max-width:48ch; }
  .hero-tags{ display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
  .tag{
    font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--slate);
    border:1px solid var(--line-strong); padding:5px 10px; border-radius:var(--radius);
    background:rgba(201,162,39,0.04);
  }
  .cta-row{ display:flex; gap:14px; margin-top:34px; flex-wrap:wrap; }
  .btn{
    font-family:'JetBrains Mono',monospace; font-size:13.5px; text-decoration:none;
    padding:12px 20px; border-radius:var(--radius); display:inline-flex; align-items:center; gap:8px;
    transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);
    border:1px solid transparent;
  }
  .btn-primary{ background:var(--gold-500); color:var(--navy-950); font-weight:600; }
  .btn-primary:hover{ transform:translateY(-2px); box-shadow:0 10px 24px -8px rgba(201,162,39,.55); background:var(--gold-300); }
  .btn-ghost{ border-color:var(--line-strong); color:var(--paper); }
  .btn-ghost:hover{ transform:translateY(-2px); border-color:var(--gold-500); color:var(--gold-300); }

  .terminal{
    background:linear-gradient(180deg, var(--navy-850), var(--navy-900));
    border:1px solid var(--line-strong);
    border-radius:6px;
    overflow:hidden;
    box-shadow:0 30px 60px -30px rgba(0,0,0,.7), 0 0 0 1px rgba(0,0,0,.4);
  }
  .terminal-bar{
    display:flex; align-items:center; gap:8px; padding:11px 14px;
    border-bottom:1px solid var(--line);
    background:rgba(0,0,0,0.18);
  }
  .dot{ width:10px; height:10px; border-radius:50%; background:var(--navy-600); }
  .dot.g{ background:var(--gold-500); }
  .terminal-bar .path{ margin-left:8px; font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--slate-dim); }
  .terminal-body{ padding:20px 18px 24px; font-family:'JetBrains Mono',monospace; font-size:12.5px; color:var(--paper-dim); min-height:260px; }
  .terminal-body .line{ margin-bottom:9px; opacity:0; animation:reveal .3s var(--ease) forwards; }
  .terminal-body .prompt{ color:var(--gold-500); }
  .terminal-body .key{ color:var(--slate); }
  .terminal-body .val{ color:var(--paper); }
  .terminal-body .ok{ color:#8fbf8a; }
  .blinker{ display:inline-block; width:7px; height:14px; background:var(--gold-500); vertical-align:-2px; animation:blink 1s step-end infinite; }

  @keyframes reveal{ to{ opacity:1; } }
  @keyframes blink{ 50%{ opacity:0; } }

  section{ padding:80px 0; border-bottom:1px solid var(--line); }
  .section-head{ display:flex; align-items:baseline; gap:14px; margin-bottom:40px; }
  .section-head .idx{ font-family:'JetBrains Mono',monospace; color:var(--gold-500); font-size:13px; }
  .section-head h2{ font-size:clamp(1.4rem,3vw,2rem); }
  .section-head .rule{ flex:1; height:1px; background:var(--line); }

  .about-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; }
  @media (max-width:860px){ .about-grid{ grid-template-columns:1fr; } }
  .about-grid p{ color:var(--paper-dim); font-size:15px; margin:0 0 16px; }
  .about-grid p:last-child{ margin-bottom:0; }
  .interest-list{ list-style:none; margin:24px 0 0; padding:0; display:grid; gap:10px; }
  .interest-list li{
    font-family:'JetBrains Mono',monospace; font-size:12.5px; color:var(--slate);
    display:flex; gap:10px; align-items:center;
  }
  .interest-list li::before{ content:"›"; color:var(--gold-500); font-size:16px; }
  .rhythm-box{
    margin-top:24px; border:1px solid var(--line-strong); border-radius:6px; padding:16px 18px;
    font-family:'JetBrains Mono',monospace; font-size:12.5px; color:var(--gold-300);
    background:rgba(201,162,39,.05);
  }

  .project-card{
    background:var(--navy-850); border:1px solid var(--line-strong); border-radius:6px; overflow:hidden;
    margin-bottom:28px;
  }
  .project-top{ padding:26px 26px 0; }
  .status-pill{
    display:inline-flex; align-items:center; gap:7px; font-family:'JetBrains Mono',monospace; font-size:11.5px;
    color:var(--gold-300); border:1px solid var(--line-strong); border-radius:20px; padding:4px 12px; margin-bottom:16px;
  }
  .status-pill::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--gold-500); animation:pulse 1.8s ease-in-out infinite; }
  @keyframes pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }
  .project-top h3{ font-size:1.4rem; margin-bottom:8px; }
  .project-top .desc{ color:var(--paper-dim); font-size:14.5px; max-width:70ch; margin-bottom:20px; }
  .kv-table{ display:grid; grid-template-columns:auto 1fr; gap:10px 22px; padding:22px 26px; background:rgba(0,0,0,.18); border-top:1px solid var(--line); font-family:'JetBrains Mono',monospace; font-size:13px; }
  .kv-table dt{ color:var(--slate); text-transform:uppercase; letter-spacing:.06em; font-size:11px; align-self:start; padding-top:2px; }
  .kv-table dd{ margin:0; color:var(--paper); }
  .stack-chips{ display:flex; flex-wrap:wrap; gap:8px; }
  .chip{ font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--gold-300); border:1px solid var(--line-strong); padding:3px 9px; border-radius:20px; }

  .subhead{ font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--slate); text-transform:uppercase; letter-spacing:.08em; margin:0 0 22px; }

  .built-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
  @media (max-width:920px){ .built-grid{ grid-template-columns:1fr; } }
  .built-card{ border:1px solid var(--line); border-radius:6px; padding:22px; background:var(--navy-850); transition:border-color .2s var(--ease), transform .2s var(--ease); }
  .built-card:hover{ border-color:var(--gold-500); transform:translateY(-3px); }
  .built-card .tagline{ font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--gold-300); text-transform:uppercase; letter-spacing:.05em; margin-bottom:10px; }
  .built-card h4{ font-size:16px; margin-bottom:10px; }
  .built-card p{ font-size:13.5px; color:var(--slate); margin:0 0 14px; line-height:1.55; }
  .built-card .stack-chips{ margin-top:auto; }

  .exp-card{
    display:grid; grid-template-columns:180px 1fr; gap:32px;
    border:1px solid var(--line); border-radius:6px; padding:28px; background:var(--navy-850);
  }
  @media (max-width:760px){ .exp-card{ grid-template-columns:1fr; } }
  .exp-meta{ font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--slate); }
  .exp-meta .since{ color:var(--gold-300); font-size:13px; display:block; margin-bottom:6px; }
  .exp-card h3{ font-size:1.25rem; margin-bottom:14px; }
  .exp-card .role{ color:var(--slate); font-size:13px; margin-bottom:16px; display:block; font-family:'JetBrains Mono',monospace; }
  .exp-block{ margin-bottom:14px; }
  .exp-block:last-of-type{ margin-bottom:18px; }
  .exp-block .label{ font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--gold-500); text-transform:uppercase; letter-spacing:.06em; display:block; margin-bottom:5px; }
  .exp-block p{ margin:0; font-size:14.5px; color:var(--paper-dim); }

  .skills-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:6px; overflow:hidden; }
  @media (max-width:860px){ .skills-grid{ grid-template-columns:repeat(2,1fr); } }
  .skill-cell{ background:var(--navy-900); padding:24px 22px; }
  .skill-cell h4{ font-size:12.5px; font-family:'JetBrains Mono',monospace; color:var(--gold-300); text-transform:uppercase; letter-spacing:.05em; margin-bottom:14px; }
  .skill-cell ul{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
  .skill-cell li{ font-size:13px; color:var(--paper-dim); }

  .repo-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
  @media (max-width:860px){ .repo-grid{ grid-template-columns:1fr; } }
  .repo-card{
    display:block; text-decoration:none; padding:22px; border:1px solid var(--line); border-radius:6px;
    background:var(--navy-850); transition:border-color .2s var(--ease), transform .2s var(--ease);
  }
  .repo-card:hover, .repo-card:focus-visible{ border-color:var(--gold-500); transform:translateY(-3px); }
  .repo-card .repo-name{ font-family:'JetBrains Mono',monospace; font-size:14px; color:var(--paper); margin-bottom:8px; display:flex; align-items:center; gap:8px; }
  .repo-card .repo-lang{ font-size:11.5px; color:var(--slate); }
  .repo-card .repo-desc{ font-size:13px; color:var(--slate); margin-top:10px; line-height:1.5; }
  .lang-dot{ width:9px; height:9px; border-radius:50%; display:inline-block; }

  .rqth-card{
    display:grid; grid-template-columns:auto 1fr; gap:28px;
    background:linear-gradient(135deg, rgba(201,162,39,.07), transparent 60%), var(--navy-850);
    border:1px solid var(--line-strong); border-radius:8px; padding:34px;
  }
  @media (max-width:700px){ .rqth-card{ grid-template-columns:1fr; } }
  .rqth-badge{
    font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--navy-950); background:var(--gold-500);
    border-radius:6px; padding:14px 16px; align-self:start; font-weight:700; letter-spacing:.04em; text-align:center;
    min-width:104px;
  }
  .rqth-card p{ color:var(--paper-dim); font-size:15px; margin:0 0 14px; }
  .rqth-card p:last-child{ margin-bottom:0; }
  .rqth-card strong{ color:var(--paper); }

  .contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:40px; }
  @media (max-width:800px){ .contact-grid{ grid-template-columns:1fr; } }
  .contact-list{ list-style:none; margin:0; padding:0; display:grid; gap:14px; }
  .contact-list a{
    display:flex; align-items:center; justify-content:space-between; text-decoration:none;
    padding:16px 18px; border:1px solid var(--line); border-radius:6px; color:var(--paper);
    font-family:'JetBrains Mono',monospace; font-size:13px; transition:border-color .2s var(--ease), background .2s var(--ease);
  }
  .contact-list a:hover{ border-color:var(--gold-500); background:rgba(201,162,39,.05); }
  .contact-list .arrow{ color:var(--gold-500); }
  .avail-box{ border:1px solid var(--line-strong); border-radius:6px; padding:22px; background:var(--navy-850); }
  .avail-box .mono{ font-size:12.5px; color:var(--slate); }
  .avail-box dl{ margin:14px 0 0; display:grid; gap:9px; }
  .avail-box .row{ display:flex; justify-content:space-between; gap:10px; font-size:13px; }
  .avail-box .row span:first-child{ color:var(--slate); }
  .avail-box .row span:last-child{ color:var(--gold-300); font-family:'JetBrains Mono',monospace; text-align:right; }

  footer{ padding:34px 0; }
  footer .wrap{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
  footer .mono{ font-size:12px; color:var(--slate-dim); }

  .reveal{ opacity:0; transform:translateY(18px); transition:opacity .6s var(--ease), transform .6s var(--ease); }
  .reveal.in{ opacity:1; transform:translateY(0); }

  @media (prefers-reduced-motion:reduce){
    *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
    html{ scroll-behavior:auto; }
  }

  :focus-visible{ outline:2px solid var(--gold-500); outline-offset:3px; }