/* Animal Courses Direct theme for the shared code sign-in page (views/ld-login/signin.html).
   Loaded after /scripts/css/client/learndirect/ld-login.css and only re-colours it: same layout, same components.
   The learndirect file is the base; this file is the brand. */

html, body { background: #F6F2FA !important; }

.ldl.ldl-brand-acd {
  --navy: #2C0145; --royal: #6B2FA0; --mint: #00B67A; --bg: #F6F2FA; --surface-2: #F1E8F7; --border: #E6DCEE; --border-strong: #CDBBDC; --info-soft: #F1E8F7; --focus: 0 0 0 3px #ffffff, 0 0 0 6px #6B2FA0;
  --pulse: rgba(0, 182, 122, .5);
  --pulse-0: rgba(0, 182, 122, 0);
  --hero: radial-gradient(60% 90% at 0% 0%, rgba(107, 47, 160, .95) 0%, rgba(107, 47, 160, 0) 60%), radial-gradient(50% 80% at 100% 10%, rgba(160, 90, 210, .75) 0%, rgba(160, 90, 210, 0) 60%), radial-gradient(45% 60% at 85% 100%, rgba(0, 182, 122, .45) 0%, rgba(0, 182, 122, 0) 65%), #2C0145;
}
.ldl.ldl-brand-acd .ldl-headline em { background: linear-gradient(90deg, #7CF5C9, #00B67A 55%, #D9B8FF); -webkit-background-clip: text; background-clip: text; }
.ldl.ldl-brand-acd .ldl-brand::after { background: radial-gradient(closest-side, rgba(0, 182, 122, .28), rgba(0, 0, 0, 0)); }
.ldl.ldl-brand-acd .ldl-stepper i.on { background: linear-gradient(120deg, #00B67A 0%, #6B2FA0 100%); }
.ldl.ldl-brand-acd .ldl-account-ini { background: linear-gradient(140deg, #6B2FA0 0%, #3A1060 60%, #2C0145 100%); }
.ldl.ldl-brand-acd .ldl-hp { background: linear-gradient(140deg, #6B2FA0 0%, #3A1060 60%, #2C0145 100%) padding-box, conic-gradient(from var(--ldl-hpa), #00B67A, #D9B8FF, #6B2FA0, #00B67A) border-box; box-shadow: 0 18px 44px -14px rgba(107, 47, 160, .6); }
.ldl.ldl-brand-acd .ldl-orb { background: linear-gradient(120deg, #00B67A 0%, #6B2FA0 100%); }
.ldl.ldl-brand-acd .ldl-newtag { background: linear-gradient(120deg, #00B67A, #00875A); color: #ffffff; }
.ldl.ldl-brand-acd .ldl-hpanel-top { background: linear-gradient(140deg, #6B2FA0 0%, #3A1060 60%, #2C0145 100%); }
@media (max-width: 860px) {
  .ldl.ldl-brand-acd .ldl-hp { background: linear-gradient(140deg, #6B2FA0 0%, #3A1060 60%, #2C0145 100%) padding-box, linear-gradient(120deg, #00B67A 0%, #6B2FA0 100%) border-box; }
}