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: 590px;
  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:26px 30px 10px; }
.aoc-login-brand img { height:58px; object-fit:contain; width:58px; }
.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:17px; padding:10px 30px 24px; }
.aoc-login-icon { align-items:center; background:var(--login-soft); border:1px solid color-mix(in srgb,var(--login-accent) 25%,white); border-radius:18px; color:var(--login-accent); display:flex; flex:0 0 58px; font-size:24px; height:58px; justify-content:center; }
.aoc-login-intro h1 { color:#0f172a; font-size:38px; letter-spacing:-.035em; line-height:1.05; margin:0 0 7px; }
.aoc-login-intro p { color:#64748b; line-height:1.5; margin:0; }
.aoc-modern-login>.aoc-notice { margin:0 30px 20px; }
.aoc-login-form { background:#f8fafc; border-bottom:1px solid #e2e8f0; border-top:1px solid #e2e8f0; display:grid; gap:17px; padding:27px 30px; }
.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-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; gap:12px 18px; justify-content:space-between; padding:20px 30px 27px; }
.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:31px; }
  .aoc-login-brand img { height:50px; width:50px; }
  .aoc-login-footer { align-items:flex-start; flex-direction:column; }
}