:root {
      --bg: #050403;
      --fg: #f2b36a;      /* ambre */
      --fg-dim: #b07b3f;
      --fg-muted: #6b4a2a;
      --accent: #ffcc7a;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html, body {
      height: 100%;
    }

    body {
      background: radial-gradient(circle at top, #1a120a 0, var(--bg) 55%);
      color: var(--fg);
      font-family: "VT323", "Fira Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .crt {
      position: relative;
      padding: 2.5rem 3rem;
      border: 1px solid var(--fg-muted);
      box-shadow:
        0 0 0 1px #000,
        0 0 18px rgba(0, 0, 0, 0.9),
        0 0 32px rgba(0, 0, 0, 0.9);
      background: radial-gradient(circle at top, #1b130a 0, #050403 55%);
      max-width: 720px;
      width: 100%;
    }

    .crt::before {
      content: "";
      position: absolute;
      inset: 0;
      background: repeating-linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.18),
        rgba(0, 0, 0, 0.18) 1px,
        transparent 1px,
        transparent 3px
      );
      mix-blend-mode: multiply;
      pointer-events: none;
    }

    .crt-inner {
      position: relative;
      z-index: 1;
    }

    .title {
      text-transform: uppercase;
      letter-spacing: 0.18em;
      font-size: 1.1rem;
      color: var(--accent);
      margin-bottom: 0.75rem;
    }

    .subtitle {
      color: var(--fg-dim);
      margin-bottom: 0.25rem;
    }

    .operator {
      color: var(--fg-muted);
      margin-bottom: 1.75rem;
    }

    .divider {
      border: none;
      border-top: 1px solid var(--fg-muted);
      margin: 0 0 1.5rem 0;
    }

    .prompt {
      color: var(--fg-dim);
      margin-bottom: 0.75rem;
    }

    .links {
      list-style: none;
    }

    .links li {
      margin-bottom: 0.35rem;
    }

    .links a {
      color: var(--fg);
      text-decoration: none;
    }

    .links a::before {
      content: "> ";
      color: var(--accent);
    }

    .links a:hover {
      color: var(--accent);
    }

    .hint {
      margin-top: 1.75rem;
      font-size: 0.85rem;
      color: var(--fg-muted);
    }

    @media (max-width: 640px) {
      .crt {
        padding: 1.75rem 1.5rem;
        margin: 1rem;
      }
    }