/* login.php — admin sign-in. Shared variables/reset/spectrum/brand live in
   base.css, loaded before this file. */

body{font-family:var(--body);color:var(--ink);background:var(--green-deep);min-height:100vh;display:flex;flex-direction:column}

.center{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 20px}
.card{
  background:var(--paper);border-radius:6px;width:100%;max-width:400px;padding:38px 34px;
  box-shadow:10px 10px 0 rgba(242,183,5,.85);
  opacity:0;transform:translateY(16px) scale(.98);
  animation:cardIn .5s cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes cardIn{to{opacity:1;transform:translateY(0) scale(1)}}
.brand{margin-bottom:26px}

h1{font-family:var(--disp);text-transform:uppercase;font-size:1.3rem;margin-bottom:4px}
.sub{font-size:.9rem;color:#6B6357;margin-bottom:22px}
form{display:grid;gap:16px}
label{font-family:var(--util);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;color:#6B6357;display:block;margin-bottom:6px}
input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:3px;font-family:var(--body);font-size:.98rem;background:#fff;transition:border-color .15s ease}
input:focus{border-color:var(--toor)}
.btn{
  font-family:var(--util);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.88rem;
  background:var(--masoor);color:#fff;border:none;border-radius:3px;padding:14px;cursor:pointer;
  transition:background .2s ease,transform .2s cubic-bezier(.16,1,.3,1);
}
.btn:hover{background:#C55B2C;transform:translateY(-2px)}
.alert{padding:12px 14px;border-radius:4px;font-size:.88rem;background:#F9E3D8;border:1px solid var(--masoor);color:#8C3A16}
.back{margin-top:20px;text-align:center;font-size:.85rem}
.back a{color:var(--green);text-decoration:none;font-weight:500}
.back a:hover{text-decoration:underline}

@media (prefers-reduced-motion:reduce){
  .card{animation:none;opacity:1;transform:none}
  .btn:hover{transform:none}
}