body:not(.home) .aoc-wrap { min-height: calc(100vh - 190px); }
.aoc-modern-login {
  --login-accent: #0891b2;
  --login-soft: #ecfeff;
  border: 1px solid #dbeafe;
  box-shadow: 0 28px 70px rgba(8,47,73,.14);
  max-width: 420px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.aoc-modern-login::before {
  background: linear-gradient(90deg,var(--login-accent),#22d3ee);
  content: '';
  height: 7px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.aoc-modern-login.role-admin { --login-accent:#f59e0b; --login-soft:#fffbeb; }
.aoc-modern-login.role-manager { --login-accent:#16a34a; --login-soft:#f0fdf4; }
.aoc-modern-login.role-user { --login-accent:#0891b2; --login-soft:#ecfeff; }
.aoc-login-brand { align-items:center; display:flex; justify-content:space-between; padding:16px 20px 5px; }
.aoc-login-brand img { height:40px; object-fit:contain; width:40px; }
.aoc-login-brand span { background:var(--login-soft); border-radius:99px; color:var(--login-accent); font-size:11px; font-weight:900; letter-spacing:.13em; padding:8px 12px; }
.aoc-login-intro { align-items:center; display:flex; gap:11px; padding:7px 20px 14px; }
.aoc-login-icon { align-items:center; background:var(--login-soft); border:1px solid color-mix(in srgb,var(--login-accent) 25%,white); border-radius:15px; color:var(--login-accent); display:flex; flex:0 0 48px; font-size:20px; height:48px; justify-content:center; }
.aoc-login-intro h1 { color:#0f172a; font-size:27px; letter-spacing:-.035em; line-height:1.05; margin:0 0 4px; }
.aoc-login-intro p { color:#64748b; line-height:1.5; margin:0; }
.aoc-modern-login>.aoc-notice { margin:0 20px 12px; }
.aoc-login-form { background:#f8fafc; border-bottom:1px solid #e2e8f0; border-top:1px solid #e2e8f0; display:grid; gap:10px; padding:16px 20px; }
.aoc-login-form label>span { color:#334155; display:block; font-size:14px; font-weight:800; margin-bottom:7px; }
.aoc-input-wrap { position:relative; }
.aoc-input-wrap i { color:var(--login-accent); font-style:normal; font-weight:900; left:15px; position:absolute; top:50%; transform:translateY(-50%); }
.aoc-input-wrap .aoc-field { background:#fff; border:1px solid #cbd5e1; padding-left:44px; transition:.2s; }
.aoc-modern-login .aoc-field { min-height:40px; }
.aoc-input-wrap .aoc-field:focus { border-color:var(--login-accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--login-accent) 14%,transparent); outline:0; }
.aoc-login-submit { background:var(--login-accent); font-size:16px; justify-content:space-between; margin-top:3px; padding-left:20px; padding-right:20px; width:100%; }
.aoc-login-submit b { font-size:22px; }
.aoc-demo-btn { width:100%; }
.aoc-login-footer { align-items:center; color:#64748b; display:flex; flex-wrap:wrap; font-size:13px; gap:8px 14px; justify-content:space-between; padding:12px 20px 15px; }
.aoc-login-footer a { color:var(--login-accent); font-weight:800; text-decoration:none; }
@media(max-width:620px){
  .aoc-modern-login { border-radius:20px; margin:2vh auto; }
  .aoc-login-brand,.aoc-login-intro,.aoc-login-form,.aoc-login-footer { padding-left:20px; padding-right:20px; }
  .aoc-login-intro h1 { font-size:27px; }
  .aoc-login-brand img { height:42px; width:42px; }
  .aoc-login-footer { align-items:flex-start; flex-direction:column; }
}