/* public/assets/css/pages/login.css */
.login-wrap {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 22px 0 30px;
}

.login-top {
  width: min(520px, calc(100% - 32px));
  margin-bottom: 14px;
}

.brand { display:flex; align-items:center; gap: 12px; }
.brand-mark {
  width: 46px; height: 46px;
  border-radius: 16px;
  display:grid; place-items:center;
  font-weight: 900;
  background: linear-gradient(135deg, rgba(31,111,235,.95), rgba(245,158,11,.65));
  color: #fff;
  box-shadow: 0 16px 40px rgba(31,111,235,.22);
  transform: translateY(0);
  transition: transform .12s ease;
}
.brand-mark:hover { transform: translateY(-1px); }

.brand-title { font-weight: 900; letter-spacing: .2px; }
.brand-sub { font-size: 12px; color: var(--muted); margin-top: 2px; }

.card {
  width: min(520px, calc(100% - 32px));
}

.h1 { font-size: 20px; font-weight: 900; }
.muted { color: var(--muted); font-size: 13px; margin-top: 6px; }

.hint { color: var(--muted); font-size: 12px; margin-top: 4px; }
.login-foot { width: min(520px, calc(100% - 32px)); margin-top: 14px; color: var(--muted); font-size: 12px; display:flex; justify-content:center; }