:root{
  --green:#17723a;
  --green-dark:#0d4f29;
  --green-soft:#edf8f1;
  --ink:#172033;
  --muted:#6d7889;
  --line:#dfe6e2;
}

body{
  position:relative;
  padding:24px;
  background:
    linear-gradient(120deg,rgba(6,55,31,.93),rgba(20,112,58,.82)),
    url('/assets/img/bg-smansa.jpg') center/cover fixed no-repeat !important;
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.13),transparent 28%),
    radial-gradient(circle at 84% 80%,rgba(247,194,71,.12),transparent 28%);
}

.login-card{
  position:relative;
  width:100%;
  max-width:430px !important;
  padding:38px 38px 30px !important;
  border:1px solid rgba(255,255,255,.6);
  border-radius:24px !important;
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 28px 80px rgba(4,35,20,.3) !important;
  animation:none !important;
}

.logo{
  margin-bottom:27px !important;
}

.logo img{
  width:76px !important;
  height:76px;
  padding:8px;
  object-fit:contain;
  border:1px solid #dce9df;
  border-radius:50%;
  background:#fff;
  box-shadow:0 8px 22px rgba(20,112,58,.12);
}

.logo h2{
  margin-top:14px !important;
  font-size:23px !important;
  letter-spacing:-.025em;
  color:var(--ink) !important;
}

.logo span{
  display:block;
  margin-top:5px;
  color:var(--muted) !important;
}

.form-group{
  margin-top:17px !important;
}

label{
  display:block;
  margin-bottom:7px;
  color:#344054 !important;
  font-size:13px !important;
  font-weight:650;
}

input{
  min-height:49px;
  margin-top:0 !important;
  padding:13px 15px !important;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  background:#fbfcfb;
  color:var(--ink);
  transition:border-color .15s,box-shadow .15s,background .15s;
}

input:hover{
  border-color:#b8cbbf !important;
}

input:focus{
  border-color:#27864a !important;
  background:#fff;
  box-shadow:0 0 0 4px rgba(39,134,74,.12) !important;
}

button{
  min-height:49px;
  margin-top:22px !important;
  border-radius:12px !important;
  background:linear-gradient(145deg,#26894b,#146832) !important;
  box-shadow:0 9px 20px rgba(20,104,50,.2);
}

button:hover{
  background:linear-gradient(145deg,#1f7b42,#0f592b) !important;
}

.public-link{
  min-height:45px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  margin-top:11px !important;
  border-color:#b9d8c3 !important;
  background:var(--green-soft);
}

.footer{
  margin-top:22px !important;
  padding-top:18px;
  border-top:1px solid #e7ece9;
  color:#7a8491 !important;
  line-height:1.6;
}

.err{
  border:1px solid #f4c7cc;
}

@media(max-width:520px){
  body{padding:14px}
  .login-card{padding:30px 22px 24px !important}
}