/* AIA2D_LOGIN_UI_PASSWORD_MANAGER_20260920 */
:root {
  color-scheme: dark;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Noto Sans TC", sans-serif;
  background: #08111f;
  color: #edf4ff;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top, #18304d, #08111f 55%); }
.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.login-card {
  width: min(100%, 420px); padding: 32px; border: 1px solid #314968;
  border-radius: 20px; background: rgba(9, 22, 39, .96); box-shadow: 0 24px 70px rgba(0,0,0,.4);
}
.login-kicker { margin: 0 0 8px; color: #7fc8ff; font-size: .75rem; letter-spacing: .14em; }
h1 { margin: 0; font-size: 2rem; }
h2 { margin: 8px 0 24px; color: #b9cae0; font-size: 1rem; }
form { display: grid; gap: 10px; }
label { margin-top: 8px; font-weight: 700; }
input {
  width: 100%; min-height: 48px; padding: 11px 13px; border: 1px solid #48617f;
  border-radius: 10px; background: #0c192a; color: inherit; font: inherit;
}
input:focus { outline: 3px solid rgba(67, 169, 255, .3); border-color: #62b9ff; }
button {
  min-height: 48px; margin-top: 10px; border: 0; border-radius: 10px;
  background: #2e9cff; color: #06111f; font: inherit; font-weight: 800; cursor: pointer;
}
button:disabled { opacity: .6; cursor: wait; }
.login-message { min-height: 1.5em; margin: 4px 0 0; color: #ff9a9a; }
@media (max-width: 480px) { .login-shell { padding: 16px; } .login-card { padding: 24px 20px; } }

/* AIA2F registration */
.login-card form[hidden]{display:none!important}

.login-secondary-action{
  margin-top:2px;
  border:1px solid #48617f;
  background:transparent;
  color:#b9cae0;
}

.registration-head{
  display:grid;
  gap:4px;
  margin-bottom:10px;
}

.registration-head span,
.password-rule-hint{
  margin:0;
  color:#91a4b8;
  font-size:.8rem;
  line-height:1.5;
}

.login-card textarea{
  width:100%;
  min-height:84px;
  padding:11px 13px;
  border:1px solid #48617f;
  border-radius:10px;
  background:#0c192a;
  color:inherit;
  font:inherit;
  resize:vertical;
}

.registration-message[data-state="success"]{
  color:#78dba9;
}