@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');

body.login{
  margin:0; min-height:100vh;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  /* vertically + horizontally center the whole stack (logo, subtitle, card) */
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  /* Naked Root green base + soft mustard/teal glows, slowly drifting */
  background:
    radial-gradient(900px 620px at 88% 6%, rgba(249,161,27,.16), transparent 60%),
    radial-gradient(760px 540px at 8% 92%, rgba(102,187,184,.24), transparent 62%),
    linear-gradient(135deg, #08291b 0%, #0C3824 45%, #155c41 70%, #0C3824 100%) !important;
  background-size:120% 120%, 120% 120%, 280% 280%;
  background-position:0% 0%, 100% 100%, 0% 50%;
  animation:nnLoginShift 24s ease-in-out infinite;
}
@keyframes nnLoginShift{
  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; } }

/* Brand: logo image (2x size), or the "Naked Net" wordmark if no logo is set. */
body.login::before{
  content:"Naked Net"; order:0;
  text-align:center; color:#fff; font-weight:800; font-size:34px; letter-spacing:.01em;
}
body.login.has-logo::before{
  content:""; width:min(360px,84vw); height:108px;
  background:var(--nn-login-logo) center/contain no-repeat;
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.35));
}
body.login::after{
  content:"Naked Root internal CRM"; order:1;
  text-align:center; color:#bfe0d3; font-size:13px; margin-top:10px; margin-bottom:20px;
}
/* Hide the default WP logo header (we use the ::before brand). */
.login h1{ display:none; }
body.login #login{ order:2; width:340px; max-width:92%; padding-top:0; margin:0; }

.login form{
  background:#fff;border:0;border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.35);padding:26px 24px;
}
.login label{color:#1d2a22;font-weight:600}
.login input[type=text],.login input[type=password]{
  border:1px solid #e2dcd7;border-radius:10px;padding:11px 12px;font-size:15px;
}
.login input[type=text]:focus,.login input[type=password]:focus{
  border-color:#66BBB8;box-shadow:0 0 0 3px rgba(102,187,184,.25);outline:none;
}
.wp-core-ui .button-primary{
  background:#0C3824;border:0;border-radius:10px;padding:6px 18px;height:auto;
  font-weight:700;text-shadow:none;box-shadow:none;
}
.wp-core-ui .button-primary:hover{background:#155c41}
.login #nav a,.login #backtoblog a{color:#9fc9bb !important}
.login #nav a:hover,.login #backtoblog a:hover{color:#fff !important}
.login .message,.login .success{border-left-color:#66BBB8}