:root { --navy:#005a70; --gold:#c9a227; --gray:#f4f4f4; }
* { box-sizing:border-box; }
body { font-family:'Segoe UI',Arial,sans-serif; margin:0; background:var(--navy); color:#222;
  min-height:100vh; display:flex; align-items:center; justify-content:center; }
.card { background:#fff; border-radius:12px; padding:36px; width:100%; max-width:360px; box-shadow:0 8px 30px rgba(0,0,0,.3); }
.logo { display:block; margin:0 auto 20px; height:52px; width:auto; }
h1 { font-size:18px; text-align:center; margin:0 0 24px; color:var(--navy); }
label { display:block; font-size:12px; font-weight:600; color:#555; margin-bottom:5px; }
input { width:100%; padding:10px 12px; border:1px solid #ccc; border-radius:6px; font-size:14px; margin-bottom:16px; }
.btn { width:100%; padding:12px; background:var(--gold); color:#222; border:none; border-radius:6px;
  font-weight:700; font-size:14px; cursor:pointer; }
.btn:hover { opacity:.9; }
.error { background:#fdecea; color:#c0392b; padding:10px 14px; border-radius:6px; font-size:13px; margin-bottom:16px; }
.volver { display:block; text-align:center; margin-top:18px; font-size:13px; color:#888; text-decoration:none; }