/* Digitera V4404 - Halaman pilihan login minimal */
body.digitera-simple-login-choice main,
body.page-user-login main{
  min-height:clamp(360px,62vh,680px);
}

.digitera-login-choice-only{
  width:min(520px,calc(100% - 32px));
  margin:clamp(46px,8vh,96px) auto;
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

.digitera-login-choice-btn{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:72px;
  padding:18px 24px;
  border-radius:22px;
  text-decoration:none!important;
  font:900 clamp(1rem,2vw,1.12rem)/1.2 inherit;
  letter-spacing:-.01em;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
  overflow:hidden;
  isolation:isolate;
}

.digitera-login-choice-btn::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:0;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.24),transparent);
  transform:translateX(-100%);
  transition:opacity .18s ease;
}

.digitera-login-choice-btn:hover{
  transform:translateY(-2px);
}
.digitera-login-choice-btn:hover::before{
  opacity:1;
  animation:digiteraLoginChoiceShine .85s ease;
}
.digitera-login-choice-btn:active{transform:scale(.985)}

.digitera-login-choice-btn.teacher{
  color:#fff!important;
  background:linear-gradient(135deg,#5f31dd 0%,#7c48ef 48%,#9b5bff 100%);
  border:1px solid rgba(96,49,221,.16);
  box-shadow:0 18px 34px rgba(101,54,222,.24);
}

.digitera-login-choice-btn.student{
  color:#5f31dd!important;
  background:#fff;
  border:2px solid #ded2ff;
  box-shadow:0 14px 30px rgba(64,42,120,.10);
}

.digitera-login-choice-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-size:22px;
}
.teacher .digitera-login-choice-icon{background:rgba(255,255,255,.16);color:#fff}
.student .digitera-login-choice-icon{background:#f1ebff;color:#6b3de1}

@keyframes digiteraLoginChoiceShine{
  from{transform:translateX(-100%)}
  to{transform:translateX(100%)}
}

@media(max-width:767px){
  body.digitera-simple-login-choice main,
  body.page-user-login main{
    min-height:calc(100dvh - 170px);
    display:flex;
    align-items:flex-start;
  }
  .digitera-login-choice-only{
    width:calc(100% - 28px);
    margin:56px auto 110px;
    gap:12px;
  }
  .digitera-login-choice-btn{
    min-height:60px;
    padding:12px 16px;
    border-radius:18px;
    font-size:.95rem;
  }
  .digitera-login-choice-icon{
    width:36px;
    height:36px;
    flex-basis:36px;
    border-radius:12px;
    font-size:19px;
  }
}