/* ── NAVBAR ──────────────────────────────────────────────────── */
    nav {
      position:fixed; top:0; left:0; right:0; z-index:100;
      height:var(--nav-h);
      background:transparent;
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
      border-bottom:1px solid transparent;
      transition:background .35s var(--ease), border-color .35s, box-shadow .35s, backdrop-filter .35s;
      will-change:transform; transform:translateZ(0);
    }
    nav.nav-scrolled {
      background:rgba(245,245,240,0.97);
      backdrop-filter:blur(20px) saturate(1.4);
      -webkit-backdrop-filter:blur(20px) saturate(1.4);
      border-bottom-color:rgba(0,0,0,0.07);
      box-shadow:0 2px 16px rgba(0,0,0,.05);
    }
    nav .container { height:100%; display:flex; align-items:center; }
    .nav-inner {
      width:100%; height:100%; display:flex;
      align-items:center;
    }
    .nav-logo { display:none; }
    .nav-center {
      flex:1; display:flex; align-items:center; justify-content:center;
      position:relative;
    }
    .nav-links {
      display:flex; gap:0; list-style:none; position:relative;
    }
    .nav-links a {
      display:block; padding:.45rem .9rem;
      font-size:.72rem; font-weight:500;
      letter-spacing:.09em; text-transform:uppercase;
      color:rgba(60,60,68,0.65);
      text-decoration:none;
      transition:color .22s;
      position:relative;
    }
    .nav-links a:hover { color:#1A1A1C; }
    .nav-links a.active { color:var(--accent); }
    .nav-links a.active::after {
      content:''; position:absolute; bottom:-1px; left:.9rem; right:.9rem;
      height:2px; background:var(--accent);
      border-radius:2px 2px 0 0;
    }
    .nav-indicator { display:none; }
    .nav-controls { display:flex; align-items:center; gap:.6rem; justify-self:end; }
    .nav-sep {
      width:1px; height:18px;
      background:rgba(0,0,0,.12);
    }
    .nav-cta {
      display:inline-flex; align-items:center; gap:.4rem;
      padding:.45rem 1.1rem;
      background:rgba(26,26,28,.06);
      border:1px solid rgba(26,26,28,.18);
      border-radius:4px;
      font-size:.7rem; font-weight:600;
      letter-spacing:.09em; text-transform:uppercase;
      color:var(--accent); text-decoration:none;
      position:relative; overflow:hidden;
      isolation:isolate;
      transition:color .4s cubic-bezier(.4,0,.2,1), border-color .4s;
    }
    .nav-cta::before {
      content:''; position:absolute;
      bottom:0; left:0;
      width:100%; height:0;
      background:var(--accent);
      z-index:-1;
      transition:height .4s cubic-bezier(.4,0,.2,1);
      pointer-events:none;
    }
    .nav-cta:hover { color:var(--btn-text); border-color:var(--accent); }
    .nav-cta:hover::before { height:100%; }
    .burger {
      display:none; flex-direction:column; justify-content:center;
      gap:5px; width:36px; height:36px;
      background:none; border:none; cursor:pointer; padding:4px;
    }
    .burger span {
      display:block; width:20px; height:1.5px;
      background:var(--text-2); border-radius:2px;
      transition:transform .3s var(--ease), opacity .3s, background .22s;
    }
    .burger.open span:nth-child(1) { transform:translateY(6.5px) rotate(45deg); }
    .burger.open span:nth-child(2) { opacity:0; }
    .burger.open span:nth-child(3) { transform:translateY(-6.5px) rotate(-45deg); }

    /* ── HERO ENHANCEMENTS ───────────────────────────────────────── */

    /* Animated gradient text */
    .hero-title .line-accent {
      background:linear-gradient(90deg, #1A1A1C 0%, #555560 40%, #1A1A1C 70%, #3A3A42 100%);
      background-size:250% auto;
      -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
      animation:gradient-shift 4s linear infinite;
    }
    @keyframes gradient-shift { to { background-position:250% center; } }

    /* ── TERMINAL VISIBILITY ANIMATION ──────────────────────────── */
    /* term lines injected by JS start visible */
    .term-line, .term-out, .term-ok, .term-blank, .term-err {
      display:block;
    }
    .term-body {
      overflow-y:auto; max-height:300px;
      scrollbar-width:thin; scrollbar-color:rgba(67,183,255,.30) transparent;
    }
    .term-body::-webkit-scrollbar { width:3px; }
    .term-body::-webkit-scrollbar-thumb { background:rgba(67,183,255,.3); border-radius:2px; }
    .term-err { color:#FF5F57; padding-left:.8rem; }
    .term-input-row {
      display:flex; align-items:center; gap:0;
      padding-top:.1rem;
    }
    .term-input {
      background:none; border:none; outline:none;
      color:#C2C8D0;
      font-family:'JetBrains Mono','Courier New',monospace;
      font-size:.76rem; line-height:2; flex:1;
      caret-color:#43B7FF;
      min-width:0;
    }
    .term-input::placeholder { color:rgba(67,183,255,.28); font-style:italic; }

    /* â‘  Fake blinking block caret — idle state */
    .term-fake-caret {
      display:inline-block;
      width:7px; height:.85em;
      background:#43B7FF;
      animation:blink 1.1s step-end infinite;
      vertical-align:text-bottom;
      box-shadow:0 0 10px rgba(67,183,255,.8);
      flex-shrink:0;
      margin-right:1px;
    }

    /* â‘¡ Hint text below input row */
    .term-hint {
      display:block;
      padding:.15rem 1.6rem .7rem;
      font-family:'JetBrains Mono','Courier New',monospace;
      font-size:.61rem;
      color:rgba(67,183,255,.28);
      font-style:italic;
      letter-spacing:.02em;
      transition:opacity .5s ease, transform .4s ease;
    }
    .term-hint.faded {
      opacity:0;
      transform:translateY(-3px);
      pointer-events:none;
    }

    /* ── SECTION DECORATORS ──────────────────────────────────────── */
    .section-deco {
      position:absolute; left:5%; top:20px; transform:none;
      font-family:'Oswald',sans-serif; font-size:14rem; font-weight:700;
      line-height:1; color:transparent;
      -webkit-text-stroke:1px var(--border-2);
      pointer-events:none; user-select:none; z-index:0;
      letter-spacing:-.04em; transition:-webkit-text-stroke .45s;
    }

    /* ── SKILL BAR GLOW ──────────────────────────────────────────── */
    .sk-fill.go { box-shadow:none; }

    /* ── CERTIF BORDER ───────────────────────────────────────────── */
    .certif-card { border-left:2px solid transparent; }
    .certif-card:hover { border-left-color:var(--accent); }

    /* ── FOOTER GLOW LINE ────────────────────────────────────────── */
    footer { position:relative; overflow:hidden; }
    footer::before {
      content:''; position:absolute; top:0; left:50%; transform:translateX(-50%);
      width:600px; height:1px;
      background:linear-gradient(90deg, transparent, var(--accent), transparent);
      opacity:.35;
    }

    /* ── NOISE OVERLAY ───────────────────────────────────────────── */
    body::after {
      content:''; position:fixed; inset:0; z-index:2;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
      opacity:.018; pointer-events:none;
      will-change:transform; transform:translateZ(0);
      contain:strict;
    }
    @media (prefers-reduced-motion:reduce) {
      *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
    }