*, *::before, *::after { box-sizing: border-box; }
      body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        min-height: 100vh;
        display: grid;
        place-items: center;
        background: #f6f6f7;
        color: #111113;
      }

      .login-shell {
        width: min(420px, calc(100vw - 32px));
        background: #ffffff;
        border: 1px solid #dedee2;
        border-radius: 8px;
        padding: 24px;
        box-shadow: 0 18px 48px rgb(17 17 19 / 10%);
      }

      .login-shell h1 {
        margin: 0 0 8px;
        font-size: 22px;
        line-height: 1.2;
      }

      .login-shell p {
        margin: 0 0 18px;
        color: #62646b;
        line-height: 1.45;
      }

      .login-shell :focus-visible { outline: 2px solid #0b63ce; outline-offset: 3px; }
      .oauth-link { display: block; padding: 12px 16px; border-radius: 6px; background: #111113; color: white; text-align: center; text-decoration: none; font-weight: 700; }

      .login-status {
        min-height: 20px;
        color: #c02232;
        font-size: 14px;
      }