/* ==========================================================================
   SPARK Grinder · Sign-in and PIN pages (v1)
   Loaded after the page's own <style>, so it only changes the look.
   ========================================================================== */
html,body{background:#0d0c0b!important;min-height:100%}
body{
  color:#1c1b19!important;
  font-family:'Poppins',ui-sans-serif,system-ui,-apple-system,sans-serif;
  background:
    radial-gradient(900px 520px at 50% -10%,rgba(245,165,36,.20),transparent 60%),
    radial-gradient(700px 500px at 100% 100%,rgba(224,142,11,.10),transparent 60%),
    #0d0c0b!important;
  background-attachment:fixed!important;
  -webkit-font-smoothing:antialiased;
}
body > center{display:block;padding:40px 16px 90px}
body > center > br{display:none}

/* Logo above the card */
.fadeIn.first{margin:24px 0 26px}
.fadeIn.first img{width:200px!important;height:auto!important;padding:0!important}

/* Card */
.wrapper{min-height:0!important;padding:0 0 10px!important}
#formContent{
  width:100%!important;max-width:420px!important;
  padding:34px 32px 30px!important;
  background:#fff!important;
  border-radius:20px!important;
  box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06)!important;
  text-align:left!important;
}
#formContent > br,#formContent form > br{display:none}
#formContent > span,#formContent > span > span{display:block}
#formContent > span br{display:none}
#formContent > span > span{margin-bottom:4px}
#formContent > span{
  margin:0 0 22px;font-size:12.5px;line-height:1.7;letter-spacing:.06em;
  color:#6b665d!important;text-transform:uppercase;font-weight:600;
}
#formContent > span::before{
  content:"Welcome back";display:block;margin-bottom:6px;
  font-size:24px;letter-spacing:-.02em;text-transform:none;font-weight:700;color:#111!important;
}
#formContent span[style*="003c71"],
#formContent span[style*="156591"]{color:#2f8f4e!important;font-weight:600}
#formContent span[style*="156591"]{color:#b06a00!important}
#formContent span[style*="color:red"],
#formContent span[style*="color: red"]{display:block;margin:6px 0 0;font-size:13px;color:#c0262d!important;text-transform:none;letter-spacing:0;font-weight:500}

/* Fields */
#formContent input[type=text],
#formContent input[type=password]{
  display:block;width:100%!important;margin:0 0 14px!important;
  height:50px;padding:0 16px!important;
  font-size:15px!important;text-align:left!important;color:#1c1b19!important;
  background:#faf9f6!important;
  border:1px solid #dcd7ce!important;border-radius:12px!important;
  box-shadow:none!important;transition:border-color .15s,box-shadow .15s,background .15s!important;
}
#formContent input[type=text]:focus,
#formContent input[type=password]:focus{
  outline:0;background:#fff!important;border-color:#f5a524!important;
  box-shadow:0 0 0 4px rgba(245,165,36,.18)!important;
}
#formContent input::placeholder{color:#a8a297;text-transform:none;letter-spacing:0}

/* Main button */
#formContent input[type=submit],
#formContent button[type=submit]{
  display:block;width:100%!important;height:50px;margin:8px 0 0!important;padding:0 20px!important;
  font-size:14px!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase;
  color:#1a1206!important;background:#f5a524!important;
  border:0!important;border-radius:12px!important;
  box-shadow:0 12px 26px rgba(245,165,36,.32)!important;
  cursor:pointer;transition:background .15s,transform .05s,box-shadow .15s!important;
}
#formContent input[type=submit]:hover,
#formContent button[type=submit]:hover{background:#e08e0b!important}
#formContent input[type=submit]:active,
#formContent button[type=submit]:active{transform:translateY(1px)!important}

/* Go back link */
#formContent .btn-danger{
  display:block;width:100%;margin:12px 0 0;padding:12px 16px;
  font-size:13px;font-weight:600;letter-spacing:.04em;text-align:center;
  color:#6b665d!important;background:transparent!important;
  border:1px solid #eae7e1!important;border-radius:12px;box-shadow:none!important;
}
#formContent .btn-danger:hover{color:#1c1b19!important;background:#faf9f6!important;border-color:#dcd7ce!important}

/* Footer on the dark background */
.gt-footer{
  display:block;position:static!important;
  margin:0 auto;padding:10px 16px 28px;max-width:520px;
  font-size:11px;line-height:1.7;text-align:center;color:#8d877c;
}
.gt-footer img{width:16px;height:16px;vertical-align:-3px;margin-right:4px}
.gt-footer a,.gt-footer a u{color:#b9b3a8!important}
.gt-footer b{color:#e8e3d9}

@media (max-width:480px){
  body > center{padding:24px 14px 60px}
  .fadeIn.first img{width:170px!important}
  #formContent{padding:28px 22px 24px!important;border-radius:18px!important}
  #formContent > span::before{font-size:21px}
}