/*
FILE:
 /core/styles/auth.css
*/

/* ================= PAGE ================= */

body{

  display:flex;

  align-items:center;

  justify-content:center;

  min-height:100vh;
}

/* ================= CARD ================= */

.auth-card{

  width:100%;

  max-width:460px;

  padding:34px;

  border-radius:34px;

  position:relative;

  overflow:hidden;
}

.auth-card::before{

  content:"";

  position:absolute;

  width:220px;
  height:220px;

  border-radius:50%;

  background:
    rgba(0,87,255,.05);

  top:-100px;
  right:-80px;
}

/* ================= LOGO ================= */

.auth-logo{

  width:92px;
  height:92px;

  margin:auto;

  border-radius:28px;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:42px;

  color:#fff;

  background:
    linear-gradient(
      135deg,
      #0057ff,
      #1bb8ff
    );

  box-shadow:
    0 20px 44px rgba(0,87,255,.22);
}

/* ================= TITLES ================= */

.auth-title{

  font-size:36px;

  font-weight:900;

  line-height:1.1;

  color:#0f172a;
}

.auth-subtitle{

  font-size:15px;

  color:#64748b;

  line-height:1.8;
}

/* ================= REMEMBER ================= */

.remember-wrap{

  display:flex;

  align-items:center;

  gap:10px;

  font-size:14px;

  color:#64748b;

  cursor:pointer;
}

.remember-wrap input{
  accent-color:#0057ff;
}

/* ================= LINKS ================= */

.auth-link{

  color:#0057ff;

  font-weight:700;

  transition:.18s ease;
}

.auth-link:hover{
  opacity:.8;
}

/* ================= MESSAGE ================= */

.auth-message{

  text-align:center;

  font-size:14px;

  font-weight:700;

  color:#0f172a;

  min-height:20px;
}

/* ================= INPUT OVERRIDE ================= */

.input-group{

  height:58px;

  padding:0 18px;
}

.input-group span{

  font-size:18px;
}

.input-group input{

  font-size:15px;
}

/* ================= MOBILE ================= */

@media(max-width:768px){

  .auth-card{

    padding:26px;

    border-radius:28px;
  }

  .auth-title{
    font-size:30px;
  }

  .auth-logo{

    width:78px;
    height:78px;

    font-size:36px;
  }
}