*{
  box-sizing:border-box;
}

body{
  margin:0;
  font-family:"Prompt",sans-serif;
  background:#f4f8fd;
  min-height:100vh;
}

.login-page{
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:20px;
}

.login-card{
  width:100%;
  max-width:460px;
  background:#ffffff;
  border:1px solid #dbe7f5;
  border-radius:32px;
  padding:42px;
  box-shadow:0 30px 60px rgba(25,80,140,.10);
}

.login-logo{
  width:88px;
  height:88px;
  object-fit:contain;
  display:block;
  margin:0 auto 20px;
}

.login-card h1{
  margin:0;
  text-align:center;
  font-size:42px;
  color:#0b2e59;
}

.login-card p{
  text-align:center;
  color:#6d88a8;
  margin:10px 0 28px;
}

.login-form{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.login-form label{
  display:flex;
  flex-direction:column;
  gap:8px;
  color:#355b83;
  font-weight:800;
  font-size:14px;
}

.login-form input{
  height:56px;
  border:1px solid #dbe7f5;
  border-radius:18px;
  background:#f8fbff;
  padding:0 18px;
  font-size:15px;
  color:#10233f;
  outline:none;
}

.login-form input:focus{
  border-color:#1f75ff;
  box-shadow:0 0 0 4px rgba(31,117,255,.12);
}

.login-form button{
  margin-top:8px;
  height:58px;
  border:none;
  border-radius:18px;
  background:linear-gradient(135deg,#1f75ff,#19c8ff);
  color:#fff;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  transition:.25s;
}

.login-form button:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(31,117,255,.22);
}

.register-link{
  display:block;
  margin-top:24px;
  text-align:center;
  color:#1f75ff;
  text-decoration:none;
  font-weight:900;
}

@media(max-width:600px){

  .login-card{
    padding:28px;
    border-radius:24px;
  }

  .login-card h1{
    font-size:34px;
  }

}