.error-container {
  width: min(520px, 100%);
  margin-bottom: -12%;
  padding: 12px 16px;
  border-radius: var(--radius);
  background: linear-gradient(180deg, color-mix(in oklab, var(--bg-1) 92%, var(--err) 8%), color-mix(in oklab, var(--bg-1) 85%, var(--err) 15%));
  border: 1px solid color-mix(in oklab, var(--err) 60%, black 40%);
  color: var(--err);
  font-weight: 600;
  box-shadow: var(--shadow);
  backdrop-filter: saturate(130%) blur(6px); }
  .error-container p {
    margin: 0; }

.card {
  width: min(520px, 100%);
  background: linear-gradient(180deg, color-mix(in oklab, var(--bg-1) 92%, black 8%), color-mix(in oklab, var(--bg-1) 85%, black 15%));
  border: 1px solid color-mix(in oklab, var(--bg-1) 70%, white 4%);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: clamp(20px, 4vw, 32px);
  backdrop-filter: saturate(130%) blur(6px); }
  .card header {
    display: grid;
    gap: 6px;
    margin-bottom: 18px; }
    .card header .kicker {
      color: var(--fg-1);
      font-size: .9rem;
      letter-spacing: .04em;
      text-transform: uppercase; }
    .card header h1 {
      margin: 0;
      font-size: clamp(1.4rem, 2.2vw, 1.8rem);
      font-weight: 700; }
    .card header p.sub {
      margin: 4px 0 0;
      color: var(--fg-1); }
  .card form {
    display: grid;
    gap: 14px; }
    .card form .field {
      display: grid;
      gap: 6px; }
      .card form .field .label {
        font-size: .95rem; }
    .card form .row {
      display: grid;
      gap: 14px;
      grid-template-columns: 1fr 1fr; }
      @media (max-width: 560px) {
        .card form .row {
          grid-template-columns: 1fr; } }
    .card form .alt {
      font-size: .9rem;
      color: var(--fg-1); }
      .card form .alt a {
        color: var(--acc);
        text-decoration: none; }
        .card form .alt a:hover {
          text-decoration: underline; }

/*# sourceMappingURL=account_login.css.map */