body {
      font-family: -apple-system, Segoe UI, Arial, sans-serif;
      background: #f4f5f7;
      margin: 0;
      padding: 0;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #1a1a1a;
    }
    .card {
      background: #fff;
      padding: 2.5rem 2rem;
      border-radius: 10px;
      box-shadow: 0 2px 10px rgba(0,0,0,.08);
      width: 100%;
      max-width: 340px;
    }
    h1 { font-size: 1.2rem; margin: 0 0 .3rem; text-align: center; }
    p.subtitle { color: #666; font-size: .85rem; text-align: center; margin: 0 0 1.5rem; }
    .flash { background: #fdecea; border: 1px solid #f5c2c0; color: #b42318; padding: .6rem .8rem; border-radius: 6px; margin-bottom: 1rem; font-size: .85rem; }
    label { display: block; font-size: .82rem; color: #444; margin-bottom: .3rem; margin-top: .9rem; }
    input[type=text], input[type=password] {
      width: 100%; padding: .55rem .7rem; border: 1px solid #ddd; border-radius: 6px;
      font-size: .95rem; box-sizing: border-box;
    }
    button {
      width: 100%; margin-top: 1.4rem; padding: .65rem; border: none; border-radius: 6px;
      background: #2563eb; color: #fff; font-size: .95rem; font-weight: 600; cursor: pointer;
    }
    button:hover { opacity: .92; }