/* =========================================================
   SIGNUP — DARK MODE
   Matches the AgroSense Login page exactly
   ========================================================= */

html body.signup-page.auth-page{
  min-height:100vh !important;
  display:grid !important;
  place-items:center !important;
  padding:24px !important;
  margin:0 !important;
  background:#020807 !important;
  color:#edf7f3 !important;
}

body.signup-page .auth-card{
  width:min(440px,calc(100% - 32px)) !important;
  background:#071511 !important;
  border:1px solid #16312b !important;
  border-radius:22px !important;
  padding:30px !important;
  box-shadow:0 20px 60px rgba(0,0,0,.35) !important;
  color:#edf7f3 !important;
}

body.signup-page .auth-brand{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
  margin-bottom:24px !important;
}

body.signup-page .auth-brand img{
  width:min(260px,72vw) !important;
  height:auto !important;
  max-height:240px !important;
  object-fit:contain !important;
  display:block !important;
}

body.signup-page .auth-brand h1{
  margin:14px 0 2px !important;
  font-size:26px !important;
  color:#f2f8f6 !important;
  letter-spacing:.04em !important;
}

body.signup-page .auth-brand p{
  margin:0 !important;
  color:#6fa49b !important;
  font-size:13px !important;
}

body.signup-page .form{
  display:grid !important;
  gap:13px !important;
}

body.signup-page .field label{
  display:block !important;
  font-size:12px !important;
  font-weight:700 !important;
  margin-bottom:6px !important;
  color:#b8ccc6 !important;
}

body.signup-page .field input{
  width:100% !important;
  padding:11px 12px !important;
  border:1px solid #25443c !important;
  border-radius:10px !important;
  background:#0a1a16 !important;
  color:#f3f9f7 !important;
  outline:none !important;
}

body.signup-page .field input::placeholder{
  color:#627e77 !important;
}

body.signup-page .field input:focus{
  border-color:#39d36b !important;
  box-shadow:0 0 0 3px rgba(57,211,107,.1) !important;
}

body.signup-page .btn{
  padding:11px 15px !important;
  border-radius:10px !important;
  background:#10211d !important;
  color:#dbe9e5 !important;
  font-weight:700 !important;
}

body.signup-page .btn.primary{
  background:#39a900 !important;
  color:#fff !important;
}





body.signup-page .auth-links{
  text-align:center !important;
  margin-top:18px !important;
  font-size:13px !important;
  color:#8fa9a1 !important;
}

body.signup-page .auth-links a{
  color:#56d76e !important;
  font-weight:700 !important;
}

body.signup-page .notice{
  padding:12px !important;
  border-radius:10px !important;
  background:#0d211c !important;
  color:#a8c5bd !important;
  border:1px solid #1b3933 !important;
  font-size:13px !important;
}

body.signup-page .notice.error{
  background:#2a1515 !important;
  color:#ff7777 !important;
  border-color:#4a2521 !important;
}

@media(max-width:480px){
  html body.signup-page.auth-page{
    padding:14px !important;
  }
  body.signup-page .auth-card{
    padding:22px !important;
  }
  body.signup-page .auth-brand img{
    width:220px !important;
  }
}


/* Copyright footer — attached to the signup card */
body.signup-page .auth-card .auth-footer{
  margin-top:18px;
  padding-top:12px;
  border-top:1px solid #16312b;
  text-align:center;
  color:#6f8f87;
  font-size:12px;
  line-height:1.5;
  letter-spacing:.01em;
}
@media(max-width:480px){
  body.signup-page .auth-card .auth-footer{font-size:11px;}
}