:root {
    --bg: #000000;
    --frost-blue: #4fc8f8;
    --text: #f5f5f7;
    --muted: #86868b;
    --border: rgba(255,255,255,0.1);
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body {
    background: var(--bg); color: var(--text);
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Space Grotesk', sans-serif;
    min-height: 100vh;
    display: flex; align-items: center; justify-content: center;
    text-align: center; padding: 24px;
    -webkit-font-smoothing: antialiased;
  }
  .spinner {
    width: 30px; height: 30px;
    border: 3px solid rgba(255,255,255,0.12);
    border-top-color: var(--frost-blue);
    border-radius: 50%;
    margin: 0 auto 20px;
    animation: spin 0.8s linear infinite;
  }
  @keyframes spin { to { transform: rotate(360deg); } }
  p { color: var(--muted); font-size: 15px; }
  a { color: var(--frost-blue); text-decoration: none; }
  a:hover { text-decoration: underline; }