@import url("../css_ext/fas/css/all.min.css");

/* Login Zenteko Core — identitate: zenteko-blueprint/02_Brand/logo/reguli-logo.md */

html,body{
  height:100vh;
  width:100%;
  background:#0f0c18;
  background:radial-gradient(1100px 700px at 50% 18%, #251d40 0%, #17121f 55%, #0f0c18 100%);
  font-family:-apple-system,"Segoe UI",Roboto,sans-serif;
}

.container{
  height:100%;
  align-content:center;
}

.card{
  height:auto;
  margin-top:auto;
  margin-bottom:auto;
  width:400px;
  padding:6px 8px 10px;
  background-color:#1a1725 !important;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  box-shadow:0 24px 70px rgba(0,0,0,.55);
}

.card-header{
  background-color:transparent;
  border:0;
}
.app_title{
  display:flex;
  justify-content:center;
  padding-top:26px;
  margin:0;
}
.card-header h3{
  margin:20px 0 4px;
  text-align:center;
  font-size:15px;
  font-weight:500;
  letter-spacing:.04em;
  color:#9c95ab;
}

.card-body{
  padding-top:8px;
}

.input-group{
  background:#241f33;
  border:1px solid #342c49;
  border-radius:9px;
  overflow:hidden;
  transition:border-color .15s, box-shadow .15s;
}
.input-group:focus-within{
  border-color:#5b2a86;
  box-shadow:0 0 0 3px rgba(124,58,237,.22);
}
.input-group-text{
  width:44px;
  justify-content:center;
  background-color:transparent;
  color:#7d7590;
  border:0 !important;
}
.form-control{
  background:transparent;
  border:0;
  color:#efecf5;
  padding:.65rem .5rem .65rem 0;
}
.form-control:focus{
  background:transparent;
  color:#efecf5;
  outline:0 !important;
  box-shadow:none !important;
}
.form-control::placeholder{ color:#6f6880; }
input:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #241f33 inset;
  -webkit-text-fill-color:#efecf5;
}

.remember{
  margin-left:4px;
  margin-bottom:18px;
  color:#9c95ab;
  font-size:.9rem;
}
.form-check-input{ background-color:#241f33; border-color:#443a5e; }
.form-check-input:checked{ background-color:#5b2a86; border-color:#5b2a86; }

.login_btn{
  display:block;
  float:none !important;
  width:100%;
  padding:.68rem;
  border:0;
  border-radius:9px;
  background-color:#5b2a86;
  color:#fff;
  font-weight:600;
  letter-spacing:.03em;
  transition:background-color .15s;
}
.login_btn:hover, .login_btn:focus{
  color:#fff;
  background-color:#8b5cf6;
}

.card-footer{
  background:transparent;
  border-top:1px solid rgba(255,255,255,.07);
  margin-top:14px;
}
.links{ color:#6f6880; font-size:.78em; }
.links a{ color:#9c95ab; margin-left:4px; }
.links a:hover{ color:#c4b5fd; }