:root{
    --teal-950:#052B2A;
    --teal-800:#0A4744;
    --teal-700:#0F6259;
    --gold-500:#F2B705;
    --gold-600:#D69E00;
    --paper-050:#FBF6EC;
    --card-050:#FFFFFF;
    --ink-900:#16241F;
    --ink-600:#4E5D56;
    --line:#E4DBC8;
    color-scheme: light;
  }
  @media (prefers-color-scheme: dark){
    :root{
      --paper-050:#0B1512;
      --card-050:#10221F;
      --ink-900:#EDEAE2;
      --ink-600:#B7C4BD;
      --line:#20342F;
      color-scheme: dark;
    }
  }
  :root[data-theme="dark"]{
    --paper-050:#0B1512; --card-050:#10221F; --ink-900:#EDEAE2; --ink-600:#B7C4BD; --line:#20342F;
    color-scheme: dark;
  }
  :root[data-theme="light"]{
    --paper-050:#FBF6EC; --card-050:#FFFFFF; --ink-900:#16241F; --ink-600:#4E5D56; --line:#E4DBC8;
    color-scheme: light;
  }
  *{ box-sizing:border-box; }
  html,body{ margin:0; padding:0; }
  body{
    background:var(--paper-050);
    color:var(--ink-900);
    font-family:'PT Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    font-size:17px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  @media (prefers-reduced-motion: reduce){ *{ animation-duration:0.001ms !important; transition-duration:0.001ms !important; } }
  .display{ font-family:'Unbounded',sans-serif; font-weight:800; letter-spacing:-0.01em; text-wrap:balance; }
  .label{ font-family:'JetBrains Mono',monospace; font-weight:600; font-size:0.78rem; letter-spacing:0.09em; text-transform:uppercase; }
  a{ color:inherit; }
  img,svg{ max-width:100%; display:block; }
  .wrap{ max-width:680px; margin:0 auto; padding:0 24px; }
  .hero{
    background:
      radial-gradient(ellipse 120% 60% at 15% 0%, rgba(242,183,5,0.13), transparent 55%),
      linear-gradient(165deg, rgba(15,98,89,0.91) 0%, rgba(5,43,42,0.95) 78%),
      #052B2A url("/assets/bg/proba.jpg") center 40% / cover no-repeat;
    color:#F4EFE2;
    padding:52px 0 44px;
  }
  .hero-inner{ display:flex; flex-direction:column; gap:18px; }
  .eyebrow{ display:inline-flex; align-items:center; gap:8px; color:#FFD24D; }
  .eyebrow-dot{ width:6px; height:6px; border-radius:2px; background:var(--gold-500); }
  .hero h1{ font-size:clamp(1.7rem, 4.5vw + 0.5rem, 2.4rem); line-height:1.16; margin:0; color:#FBF6EC; }
  .hero p.sub{ font-family:'PT Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; font-size:1.05rem; color:#CFE3DD; margin:0; max-width:46ch; }
  .chip{
    display:inline-flex; align-items:center; gap:7px; width:fit-content;
    background:rgba(251,246,236,0.10); border:1px solid rgba(251,246,236,0.22);
    color:#F4EFE2; padding:7px 13px; border-radius:2px;
    font-family:'JetBrains Mono',monospace; font-size:0.86rem;
  }
  .chip svg{ width:15px; height:15px; flex:none; }
  section{ padding:40px 0; border-bottom:1px solid var(--line); }
  section:last-of-type{ border-bottom:none; }
  h2{ font-size:1.35rem; margin:0 0 14px; color:var(--ink-900); font-family:'PT Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; font-weight:700; }
  p{ color:var(--ink-900); margin:0 0 14px; }
  p:last-child{ margin-bottom:0; }
  .muted{ color:var(--ink-600); }
  .task-card{
    background:var(--card-050);
    border:1px solid var(--line);
    border-radius:3px;
    padding:22px 24px;
    margin:0 0 16px;
  }
  .task-card .q{ font-family:'JetBrains Mono',monospace; font-weight:600; font-size:0.95rem; color:var(--teal-700); margin:0 0 8px; }
  .task-card p{ margin:0; color:var(--ink-600); }
  .checkpoint{
    font-family:'PT Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    font-style:italic;
    color:var(--ink-900);
    border-left:3px solid var(--gold-500);
    padding-left:16px;
    margin:18px 0 0;
  }
  .cta-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:9px;
    background:var(--gold-500); color:#22190A;
    font-family:'JetBrains Mono',monospace; font-weight:700; font-size:1rem;
    padding:15px 26px; border-radius:2px; text-decoration:none; width:fit-content;
    box-shadow:none;
    transition:transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
  }
  .cta-btn:hover{ background:var(--gold-600); transform:translateY(-1px); box-shadow:none; }
  .cta-btn:focus-visible{ outline:3px solid #F4EFE2; outline-offset:3px; }
  .cta-note{ font-family:'JetBrains Mono',monospace; font-size:0.82rem; color:#BCD2CC; }
  .bridge-card{
    background:linear-gradient(165deg, var(--teal-700), var(--teal-950));
    color:#F4EFE2;
    border-radius:3px;
    padding:30px 28px;
    text-align:center;
  }
  .bridge-card h2{ color:#FBF6EC; }
  .bridge-card p{ color:#CFE3DD; }
  .bridge-card .cta-btn{ margin:16px auto 0; }
  .parents-card{
    background:var(--card-050);
    border:1px solid var(--line);
    border-radius:3px;
    padding:22px 24px;
  }
  .parents-card p{ color:var(--ink-600); }
  footer{ padding:36px 0 52px; text-align:center; }
  .back-link{
    display:inline-block;
    font-family:'JetBrains Mono',monospace;
    font-size:0.82rem;
    color:var(--ink-600);
    text-decoration:none;
    border-bottom:1px solid var(--line);
    padding-bottom:2px;
  }
  .back-link:hover{ color:var(--teal-700); border-bottom-color:var(--teal-700); }
  .topnav{ background:var(--card-050); border-bottom:1px solid var(--line); }
  .topnav-inner{ max-width:680px; margin:0 auto; padding:14px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
  .topnav-logo{ font-family:'Unbounded',sans-serif; font-weight:700; font-size:0.95rem; color:var(--ink-900); text-decoration:none; white-space:nowrap; }
  .topnav-links{ display:flex; gap:16px; }
  .topnav-links a{ font-family:'JetBrains Mono',monospace; font-size:0.82rem; color:var(--ink-600); text-decoration:none; white-space:nowrap; }
  .topnav-links a:hover{ color:var(--teal-700); }
  .topnav-links a.active{ color:var(--teal-700); font-weight:700; }
  @media (max-width:440px){
    .topnav-inner{ padding:12px 20px; gap:10px; }
    .topnav-logo{ font-size:0.82rem; }
    .topnav-links{ gap:9px 11px; }
    .topnav-links a{ font-size:0.72rem; }
  }