/* /css/pages/login.css */
@layer pages {
  body{
    min-height: 100vh;
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, rgba(212,0,109,.06), rgba(37,99,235,.06));
  }
  .container{
    width: min(520px, 92vw);
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    padding: 20px;
  }
  .container h1{ margin-top:0; }
  .form-card .form-field{ margin-bottom: 12px; }
  .form-actions{ display:flex; gap:10px; align-items:center; }
}