@media print {body{background-color:#FFF;color:#000}}

:root{
      --bg:#071821;
      --card:#0b2a3a;
      --card2:#0f3447;
      --text:#eaf6ff;
      --muted:#b7d3e2;
      --accent:#4dd3ff;
      --accent2:#7cffc6;
      --danger:#ff6b6b;
      --shadow: 0 18px 50px rgba(0,0,0,.35);
      --radius: 18px;
      --max: 980px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
      color:var(--text);
      background:
        radial-gradient(1200px 600px at 20% 10%, rgba(77,211,255,.22), transparent 60%),
        radial-gradient(900px 500px at 80% 30%, rgba(124,255,198,.16), transparent 55%),
        linear-gradient(180deg, #041018, var(--bg));
      line-height:1.55;
    }
    a{color:var(--accent); text-decoration:none}
    a:hover{text-decoration:underline}
    header{
      padding: 56px 18px 18px;
    }
    .wrap{max-width:var(--max); margin:0 auto}
    .hero{
      background: linear-gradient(135deg, rgba(11,42,58,.92), rgba(15,52,71,.82));
      border: 1px solid rgba(255,255,255,.08);
      box-shadow: var(--shadow);
      border-radius: var(--radius);
      padding: 34px 26px;
      position:relative;
      overflow:hidden;
    }
    .hero::before{
      content:"";
      position:absolute; inset:-60px -40px auto auto;
      width: 260px; height:260px;
      background: radial-gradient(circle at 30% 30%, rgba(77,211,255,.55), rgba(77,211,255,0) 60%);
      filter: blur(2px);
      transform: rotate(10deg);
    }
    .badge{
      display:inline-flex; gap:8px; align-items:center;
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(77,211,255,.12);
      border:1px solid rgba(77,211,255,.25);
      color: var(--muted);
      font-size: 14px;
      letter-spacing:.2px;
    }
    h1{
      margin: 14px 0 10px;
      font-size: clamp(30px, 4.2vw, 44px);
      line-height:1.12;
      letter-spacing:-.4px;
    }
    .lead{
      margin: 0;
      color: var(--muted);
      font-size: clamp(16px, 2.0vw, 19px);
      max-width: 72ch;
    }
    .ctaRow{
      display:flex; flex-wrap:wrap; gap:12px;
      margin-top:18px;
    }
    .btn{
      display:inline-flex; align-items:center; justify-content:center;
      padding: 11px 14px;
      border-radius: 12px;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.06);
      color: var(--text);
      font-weight: 600;
      cursor:pointer;
      user-select:none;
    }
    .btn:hover{background: rgba(255,255,255,.10)}
    .btnPrimary{
      background: linear-gradient(135deg, rgba(77,211,255,.26), rgba(124,255,198,.18));
      border:1px solid rgba(77,211,255,.25);
    }
    main{padding: 18px 18px 56px}
    .grid{
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 18px;
      margin-top: 18px;
    }
    @media (max-width: 920px){
      .grid{grid-template-columns:1fr}
    }
    .card{
      background: rgba(11,42,58,.75);
      border:1px solid rgba(255,255,255,.08);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding: 22px;
    }
    .card h2{
      margin:0 0 10px;
      font-size: 22px;
      letter-spacing:-.2px;
    }
    .card p{margin: 10px 0; color: var(--muted)}
    .kicker{
      font-size: 13px;
      color: rgba(234,246,255,.75);
      letter-spacing: .35px;
      text-transform: uppercase;
    }
    .options{
      display:grid;
      grid-template-columns:1fr;
      gap: 12px;
      margin-top: 10px;
    }
    .option{
      padding: 14px 14px;
      border-radius: 14px;
      background: rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.07);
    }
    .option h3{
      margin:0 0 6px;
      font-size: 16px;
      letter-spacing:-.1px;
      color: var(--text);
      display:flex; align-items:center; gap:10px;
    }
    .pill{
      font-size: 12px;
      padding: 3px 8px;
      border-radius: 999px;
      border:1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.15);
      color: rgba(234,246,255,.85);
    }
    .mini{
      font-size: 14px;
      color: var(--muted);
      margin:0;
    }
    .list{
      margin: 10px 0 0;
      padding-left: 18px;
      color: var(--muted);
    }
    .list li{margin: 6px 0}
    .factbox{
      background: linear-gradient(135deg, rgba(77,211,255,.10), rgba(124,255,198,.08));
      border: 1px solid rgba(77,211,255,.18);
    }
    .quote{
      margin: 14px 0 0;
      padding: 14px 14px;
      border-left: 3px solid rgba(77,211,255,.55);
      background: rgba(0,0,0,.14);
      border-radius: 12px;
      color: rgba(234,246,255,.88);
      font-style: italic;
    }
    footer{
      padding: 26px 18px 40px;
      border-top: 1px solid rgba(255,255,255,.08);
      background: rgba(0,0,0,.12);
    }
    .fineprint{
      font-size: 11px;
      color: rgba(234,246,255,.55);
      max-width: var(--max);
      margin: 0 auto;
    }
    .sr-only{
      position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
      clip:rect(0,0,0,0); white-space:nowrap; border:0;
    }

    /* Added (bureaucracy extras) */
    .stampRow{
      display:flex; flex-wrap:wrap; gap:10px;
      margin-top: 14px;
    }
    .stamp{
      display:inline-flex; align-items:center; gap:8px;
      padding: 8px 10px;
      border-radius: 999px;
      border:1px dashed rgba(255,255,255,.18);
      background: rgba(0,0,0,.12);
      color: rgba(234,246,255,.85);
      font-size: 13px;
      letter-spacing:.2px;
      user-select:none;
    }
    .notice{
      margin-top: 12px;
      padding: 12px 12px;
      border-radius: 14px;
      background: rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.08);
      color: rgba(234,246,255,.82);
      font-size: 14px;
    }
.flag-img{
  float:right;
  max-width:480px;
  width:100%;
  height:auto;
  margin:0 0 12px 18px;
  border-radius:14px;
}
.hero-img{
  width:100%;
  height:auto;
  display:block;
  border-radius:16px;
  margin:2px 0 18px 0;
}

@media (max-width: 720px){
  .flag-img{
    float:none;
    display:block;
    margin:12px auto;
    max-width:100%;
  }
}

.mt18{margin-top:18px}
.noscript-note{color:#b7d3e2;padding:0 18px 18px}