/* LOGON PROPERTIES AUTH - CLEAN FULL PAGE APP STYLE */

body:has(.lpa-wrap) .entry-title,
body:has(.lpa-wrap) h1.entry-title,
body:has(.lpa-wrap) .lp-property-card > .lp-property-body > h1{
  display:none !important;
}

body:has(.lpa-wrap) .lp-section{
  padding:0 !important;
}

body:has(.lpa-wrap) .lp-container{
  width:100% !important;
  max-width:100% !important;
}

body:has(.lpa-wrap) .lp-property-card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

body:has(.lpa-wrap) .lp-property-body{
  padding:0 !important;
}

.lpa-wrap{
  min-height:calc(100vh - 76px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:40px 16px 110px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(216,165,72,.18), transparent 34%),
    linear-gradient(180deg,#FFFDF8 0%,#f7f4ed 100%) !important;
}

.lpa-card{
  width:min(460px,100%) !important;
  background:#FFFDF8 !important;
  border:0 !important;
  border-radius:24px !important;
  padding:28px !important;
  box-shadow:0 18px 55px rgba(18,18,18,.14) !important;
  animation:lpaRise .35s ease both !important;
}

@keyframes lpaRise{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}

.lpa-brand{
  text-align:center !important;
  margin-bottom:20px !important;
}

.lpa-brand span{
  width:66px !important;
  height:66px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,#0F2D5C,#121212) !important;
  color:#D8A548 !important;
  font-size:24px !important;
  font-weight:1000 !important;
  box-shadow:0 14px 32px rgba(15,45,92,.25) !important;
}

.lpa-brand h1{
  margin:16px 0 8px !important;
  color:#121212 !important;
  font-size:34px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
  letter-spacing:-1px !important;
}

.lpa-brand p{
  margin:0 auto !important;
  max-width:350px !important;
  color:#5E6878 !important;
  font-size:15px !important;
  line-height:1.6 !important;
  font-weight:800 !important;
}

.lpa-card label{
  display:block !important;
  margin:14px 0 7px !important;
  color:#121212 !important;
  font-size:14px !important;
  font-weight:1000 !important;
}

.lpa-card input,
.lpa-card select{
  width:100% !important;
  min-height:54px !important;
  border:1px solid rgba(94,104,120,.28) !important;
  border-radius:14px !important;
  padding:0 15px !important;
  background:#FFFDF8 !important;
  color:#121212 !important;
  font-size:15px !important;
  font-weight:800 !important;
  outline:none !important;
}

.lpa-card input:focus,
.lpa-card select:focus{
  background:#fff !important;
  border-color:#D8A548 !important;
  box-shadow:0 0 0 4px rgba(216,165,72,.16) !important;
}

.lpa-pass{
  display:grid !important;
  grid-template-columns:1fr 82px !important;
  gap:9px !important;
}

.lpa-pass button{
  border:0 !important;
  border-radius:14px !important;
  background:#0F2D5C !important;
  color:#FFFDF8 !important;
  font-weight:1000 !important;
  cursor:pointer !important;
}

.lpa-btn{
  width:100% !important;
  min-height:56px !important;
  margin-top:18px !important;
  border:0 !important;
  border-radius:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#D8A548 !important;
  color:#121212 !important;
  font-size:16px !important;
  font-weight:1000 !important;
  text-decoration:none !important;
  cursor:pointer !important;
  box-shadow:0 14px 28px rgba(216,165,72,.22) !important;
}

.lpa-btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 34px rgba(216,165,72,.28) !important;
}

.lpa-alert{
  padding:13px 14px !important;
  border-radius:14px !important;
  background:rgba(216,165,72,.16) !important;
  color:#121212 !important;
  font-weight:1000 !important;
  margin-bottom:14px !important;
}

.lpa-alert.danger{
  background:#FFFDF8 !important;
  color:#121212 !important;
  border:1px solid #D8A548 !important;
}

.lpa-bottom{
  text-align:center !important;
  color:#5E6878 !important;
  font-weight:800 !important;
  margin:16px 0 0 !important;
}

.lpa-bottom a{
  color:#0F2D5C !important;
  font-weight:1000 !important;
}

@media(max-width:600px){
  .lpa-wrap{
    align-items:flex-start !important;
    padding:22px 12px 100px !important;
  }

  .lpa-card{
    padding:20px !important;
    border-radius:20px !important;
  }

  .lpa-brand h1{
    font-size:28px !important;
  }

  .lpa-brand span{
    width:58px !important;
    height:58px !important;
    border-radius:19px !important;
  }

  .lpa-card input,
  .lpa-card select{
    min-height:50px !important;
  }
}