* { box-sizing: border-box; margin: 0; padding: 0; }
    html, body { height: 100%; background: #06090d; overflow: hidden; }
    body {
      display: grid;
      grid-template-columns: 1fr 1fr;
      color: #fff;
    }
    a { text-decoration: none; color: inherit; }
    *:focus-visible { outline: 2px solid #39ff14; outline-offset: -8px; }

    .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;
    }

    .brand {
      position: fixed;
      top: 22px;
      left: 50%;
      transform: translateX(-50%);
      font-family: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
      font-size: 11px;
      color: #6a7889;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      z-index: 10;
      pointer-events: none;
      white-space: nowrap;
    }
    .brand .v { color: #7ee787; }

    .countdown {
      position: fixed;
      bottom: 22px;
      left: 50%;
      transform: translateX(-50%);
      font-family: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
      font-size: 11px;
      color: #6a7889;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      z-index: 10;
      pointer-events: none;
      white-space: nowrap;
      transition: opacity 0.3s ease, color 0.3s ease;
    }
    .countdown .num {
      color: #c8d3e0;
      display: inline-block;
      min-width: 1ch;
      text-align: center;
    }
    .countdown.cancelled { color: #4a5664; }
    .countdown.cancelled .num { color: inherit; }

    .half {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 40px;
      cursor: pointer;
      overflow: hidden;
      transition: filter 0.35s ease;
    }

    .half-standard {
      background: linear-gradient(135deg, #1c2231 0%, #0d121b 100%);
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
    }
    .half-standard .icon {
      font-size: 28px;
      color: #c8d3e0;
      margin-bottom: 14px;
      opacity: 0.85;
    }
    .half-standard h2 {
      font-size: 30px;
      font-weight: 300;
      letter-spacing: -0.01em;
      color: #eaf0f8;
      margin-bottom: 10px;
    }
    .half-standard .desc {
      color: #a8b3c2;
      font-size: 13px;
      text-align: center;
      max-width: 280px;
      line-height: 1.7;
    }
    .half-standard .cta {
      margin-top: 28px;
      padding: 11px 22px;
      border: 1px solid rgba(200, 211, 224, 0.4);
      color: #c8d3e0;
      font-size: 12px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      transition: all 0.2s ease;
    }
    .half-standard:hover .cta {
      background: #c8d3e0;
      color: #0d121b;
      border-color: #c8d3e0;
    }

    body:not(.cancelled) .half-standard {
      box-shadow: inset 0 3px 0 0 rgba(200, 211, 224, 0.55);
    }

    .half-terminal {
      background: #06090d;
      font-family: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
      color: #c8d3e0;
    }
    .half-terminal::before {
      content: '';
      position: absolute; inset: 0;
      background: repeating-linear-gradient(to bottom,
        rgba(255, 255, 255, 0.03) 0,
        rgba(255, 255, 255, 0.03) 1px,
        transparent 1px,
        transparent 3px);
      pointer-events: none;
      mix-blend-mode: overlay;
    }
    .half-terminal .prompt {
      font-size: 28px;
      color: #39ff14;
      text-shadow: 0 0 6px #39ff14, 0 0 22px rgba(57, 255, 20, 0.25);
      margin-bottom: 12px;
      letter-spacing: 0.02em;
    }
    .half-terminal .caret {
      display: inline-block;
      width: 0.5em;
      height: 1em;
      background: #39ff14;
      box-shadow: 0 0 6px #39ff14, 0 0 22px rgba(57, 255, 20, 0.25);
      vertical-align: -2px;
      animation: caret 1s steps(2) infinite;
    }
    @keyframes caret { 50% { opacity: 0; } }
    .half-terminal .desc {
      color: #6a7889;
      font-size: 12px;
      text-align: center;
      max-width: 280px;
      line-height: 1.7;
      letter-spacing: 0.02em;
    }
    .half-terminal .cta {
      margin-top: 28px;
      padding: 11px 22px;
      border: 1px solid #39ff14;
      color: #39ff14;
      font-size: 12px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      transition: all 0.2s ease;
    }
    .half-terminal:hover .cta {
      background: #39ff14;
      color: #06090d;
      box-shadow: 0 0 20px rgba(57, 255, 20, 0.45);
      text-shadow: none;
    }

    .half + .half {
      border-left: 1px solid rgba(255, 255, 255, 0.06);
    }

    body:has(.half-standard:hover) .half-terminal { filter: brightness(0.45); }
    body:has(.half-terminal:hover) .half-standard { filter: brightness(0.45); }

    @media (max-width: 720px) {
      body { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; }
      .half + .half {
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
      }
      .brand { top: 14px; font-size: 10px; }
      .countdown { bottom: 14px; font-size: 10px; }
      .half-standard h2 { font-size: 22px; }
      .half-terminal .prompt { font-size: 22px; }
    }

    @media (prefers-reduced-motion: reduce) {
      .half-terminal::before { display: none; }
      .half-terminal .caret { animation: none; }
    }