* { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
      background: #09090d;
      color: #e2e2e8;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
    }
    .sign-in-container {
      text-align: center;
      max-width: 400px;
      width: 100%;
      padding: 2rem;
    }
    .sign-in-container h1 {
      font-family: 'JetBrains Mono', 'SF Mono', SFMono-Regular, Consolas, monospace;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.5px;
      margin-bottom: 0.5rem;
      color: #10b981;
    }
    .sign-in-container p {
      color: #a1a1aa;
      margin-bottom: 2rem;
      font-size: 0.8125rem;
    }
    #clerk-sign-in {
      display: flex;
      justify-content: center;
    }
    .error-msg {
      color: #f87171;
      margin-top: 1rem;
      font-size: 0.875rem;
    }
    .loading-msg {
      color: #52525b;
      font-size: 0.8125rem;
    }