:root {
      --bg: #f7f7f5; --fg: #111114; --muted: #6b6b76; --accent: #5b5bf0;
      --glow: rgba(91, 91, 240, .18); --line: rgba(17, 17, 20, .08);
    }
    @media (prefers-color-scheme: dark) {
      :root {
        --bg: #0b0b0f; --fg: #f2f2f5; --muted: #9a9aa8; --accent: #8b8bff;
        --glow: rgba(139, 139, 255, .22); --line: rgba(242, 242, 245, .08);
      }
    }
    * { box-sizing: border-box; margin: 0; }
    html, body { height: 100%; }
    body {
      min-height: 100svh; display: grid; place-items: center;
      padding: clamp(1.5rem, 5vw, 4rem);
      background:
        radial-gradient(60rem 40rem at 50% -10%, var(--glow), transparent 70%),
        var(--bg);
      color: var(--fg);
      font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
    }
    main { text-align: center; max-width: 40rem; animation: in .9s ease-out both; }
    h1 {
      font-size: clamp(3.5rem, 14vw, 8rem); font-weight: 700;
      letter-spacing: -0.05em; line-height: .95;
    }
    .domain {
      margin-top: 1rem; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: clamp(.95rem, 2.6vw, 1.15rem); color: var(--accent);
    }
    .status {
      display: inline-flex; align-items: center; gap: .6rem;
      margin-top: 2.5rem; padding: .55rem 1.1rem; border: 1px solid var(--line);
      border-radius: 999px; color: var(--muted); font-size: .95rem;
    }
    .dot { width: .5rem; height: .5rem; border-radius: 50%; background: var(--accent);
      box-shadow: 0 0 0 0 var(--glow); animation: pulse 2s infinite; }
    footer { position: fixed; bottom: 1.25rem; left: 0; right: 0; text-align: center;
      color: var(--muted); font-size: .8rem; }
    @keyframes in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
    @keyframes pulse { 0% { box-shadow: 0 0 0 0 var(--glow); } 70% { box-shadow: 0 0 0 .6rem transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
    @media (prefers-reduced-motion: reduce) { main, .dot { animation: none; } }