/* =====================================================
   CIEcured — Admin login page
   Uses the same color/spacing variables as assets/css/styles.css.
===================================================== */

body{
  background:
    radial-gradient(700px 420px at 85% -10%, rgba(166,145,224,.30), transparent 60%),
    radial-gradient(500px 360px at 0% 110%, rgba(203,185,236,.28), transparent 60%),
    var(--white);
  min-height:100vh;
}

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

.login-card{
  width:100%;
  max-width:380px;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lilac);
  padding:36px 32px;
}

.login-logo{
  display:flex; align-items:center; gap:10px;
  font-family:var(--font-display); font-weight:700; font-size:17px;
  color:var(--purple-deep);
  margin-bottom:26px;
}
.login-logo small{
  display:block; font-family:var(--font-body); font-weight:500;
  font-size:11px; color:var(--grey-soft); letter-spacing:.03em;
}

.login-card h1{
  font-size:22px;
  margin-bottom:6px;
}
.login-sub{
  font-size:13.5px;
  color:var(--grey-soft);
  margin:0 0 24px;
}

.login-error{
  background:#FBEAE7;
  border:1px solid #E3A79C;
  color:#8C332B;
  font-size:13px;
  font-weight:600;
  border-radius:var(--radius-sm);
  padding:10px 14px;
  margin-bottom:18px;
}

.login-form{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.login-form label{
  font-size:13px;
  font-weight:600;
  color:var(--purple-ink);
  margin-top:12px;
}
.login-form label:first-of-type{margin-top:0;}
.login-form input{
  padding:11px 13px;
  border-radius:10px;
  border:1.5px solid var(--line);
  background:var(--white-warm);
  font-family:inherit;
  font-size:14px;
  color:var(--purple-ink);
}
.login-form input:focus{
  outline:none;
  border-color:var(--lavender-500);
}
.login-form .btn{
  width:100%;
  margin-top:20px;
  padding:12px;
  font-size:14.5px;
}