.alert-info{ padding:10px 13px; border-radius:10px; margin-bottom:14px; font-size:13px;
      line-height:1.55; color:var(--text); background:color-mix(in srgb,var(--warn) 12%,transparent);
      border:1px solid color-mix(in srgb,var(--warn) 42%,transparent); }
    .alert-info a{ color:var(--warn); text-decoration:underline; white-space:nowrap; }

    
    .login-brand img{ height:38px; width:auto; max-width:100%; object-fit:contain; }
    
    .login-theme{ display:flex; gap:6px; justify-content:center; margin-top:14px; }
    .login-theme button{ width:22px; height:22px; padding:0; border-radius:50%;
      border:1px solid var(--line-strong); cursor:pointer; opacity:.55; transition:opacity .15s; }
    .login-theme button:hover, .login-theme button.on{ opacity:1; }
    .login-theme button.on{ box-shadow:0 0 0 2px var(--primary); }
  

        .lg-code{ font-family:var(--mono); letter-spacing:.4em; text-align:center;
          font-size:19px; }
        .login-alt{ margin:14px 0 0; text-align:center; font-size:12px; }
        .login-alt a{ color:var(--muted); }