/* Extracted from templates/registration/login.html */
body{
      margin:0;
      font-family: sans-serif;
      background:#0b1220;
      color:#e5e7eb;
      min-height:100vh;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:24px;
    }
    .card{
      width:100%;
      max-width:420px;
      background:#0f172a;
      border:1px solid #1f2937;
      border-radius:18px;
      padding:18px;
      box-shadow:0 10px 30px rgba(0,0,0,.35);
    }
    h1{ margin:0 0 12px 0; font-size:20px; font-weight:900; }
    .muted{ color:#9ca3af; font-size:13px; margin-bottom:14px; }
    label{ display:block; margin:10px 0 6px 0; font-weight:800; font-size:13px; }
    input{
      width:100%;
      padding:10px 12px;
      border-radius:12px;
      border:1px solid #334155;
      background:#0b1220;
      color:#e5e7eb;
      outline:none;
      box-sizing:border-box;
    }
    input:focus{ border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.25); }
    .btn{
      width:100%;
      margin-top:14px;
      padding:10px 12px;
      border-radius:12px;
      border:1px solid #1d4ed8;
      background:#2563eb;
      color:#fff;
      font-weight:900;
      cursor:pointer;
    }
    .btn:hover{ opacity:.95; }
    .error{
      background:#3b0a0a;
      border:1px solid #7f1d1d;
      color:#fecaca;
      padding:10px 12px;
      border-radius:12px;
      margin-bottom:12px;
      font-size:13px;
      line-height:1.6;
    }