/* Foundation — branded wp-login screen. InsMed green bg, orange button.
   Logo URL is injected as --fdn-login-logo via inline style (Login::styles). */

body.login{
  margin:0; min-height:100vh;
  /* vertically + horizontally center the login block */
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  /* InsMed green base with a slight gradient + soft glows */
  background:
    radial-gradient(900px 620px at 88% 6%,  rgba(255,109,34,.18), transparent 60%),
    radial-gradient(760px 540px at 8% 92%,  rgba(59,193,193,.28), transparent 62%),
    linear-gradient(135deg, #0f2b30 0%, #14373D 45%, #1A4A52 70%, #14373D 100%) !important;
  background-size: 120% 120%, 120% 120%, 280% 280%;
  background-position: 0% 0%, 100% 100%, 0% 50%;
  /* slow drifting movement while you sit on the screen */
  animation: fdnLoginShift 24s ease-in-out infinite;
}
@keyframes fdnLoginShift{
  0%   { background-position: 0% 0%,   100% 100%, 0% 50%; }
  50%  { background-position: 18% 12%, 82% 88%,  100% 50%; }
  100% { background-position: 0% 0%,   100% 100%, 0% 50%; }
}
@media (prefers-reduced-motion: reduce){ body.login{ animation:none; } }

body.login #login{ width:350px; padding-top:0; }

/* top logo (Foundation) — forced white via filter */
.login h1{ margin-bottom:6px; }
.login h1 a{
  background-image: var(--fdn-login-logo) !important;
  background-size: contain; background-position:center; background-repeat:no-repeat;
  display:block; width:630px; max-width:92%; aspect-ratio:664.45 / 130.73; height:auto; margin:0 auto;
  filter: brightness(0) invert(1) drop-shadow(0 6px 18px rgba(0,0,0,.4));
}

/* small InsMed mark, pinned bottom-center */
.fdn-login-insmed{ position:fixed; left:50%; bottom:22px; transform:translateX(-50%); z-index:5; }
.fdn-login-insmed img{ height:36px; width:auto; opacity:.78; filter:drop-shadow(0 2px 8px rgba(0,0,0,.4)); }

/* card */
.login form{
  background: linear-gradient(155deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.16); border-radius:18px;
  box-shadow:0 18px 46px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  padding:26px 24px;
}
.login form label{ color:rgba(255,255,255,.88); font-size:14px; }

.login input[type=text],
.login input[type=password],
.login input[type=email]{
  background:rgba(255,255,255,.95) !important; color:#1f2430 !important;
  border:1px solid rgba(255,255,255,.35) !important; border-radius:10px !important;
  padding:10px 12px !important; font-size:15px !important;
}
.login input[type=text]:focus,
.login input[type=password]:focus,
.login input[type=email]:focus{
  border-color:#ff6d22 !important;
  box-shadow:0 0 0 3px rgba(255,109,34,.30) !important; outline:none;
}

/* "Remember Me" + forgot link, etc. */
.login .forgetmenot label{ color:rgba(255,255,255,.8); }

/* submit button */
.login .button-primary,
.login #wp-submit{
  background:linear-gradient(135deg,#ff6d22,#ff9646) !important;
  border:0 !important; border-radius:10px !important;
  color:#fff !important; text-shadow:none !important; font-weight:700 !important;
  box-shadow:0 6px 16px rgba(255,109,34,.45) !important;
  width:100%; height:auto; padding:11px 0 !important; margin-top:4px;
  transition:filter .15s;
}
.login .button-primary:hover,
.login #wp-submit:hover{ filter:brightness(1.07); }

/* nav links under the form */
.login #nav, .login #backtoblog{ text-align:center; }
.login #nav a, .login #backtoblog a{ color:rgba(255,255,255,.7) !important; font-weight:600; }
.login #nav a:hover, .login #backtoblog a:hover{ color:#fff !important; }

/* notices */
.login .message, .login .notice, .login #login_error{
  border-radius:10px; border-left:4px solid #ff6d22;
}
.login #login_error{ border-left-color:#e2401c; }

/* language switcher (if shown) */
.login .language-switcher{ text-align:center; }