:root { --brand:#0b4649; }
*{ box-sizing:border-box; }
body{ margin:0; font:14px system-ui, sans-serif; background:#f6f7f8; color:#222; }
.auth-box{ max-width:380px; margin:6vh auto; background:#fff; padding:24px; border-radius:12px; box-shadow:0 6px 24px rgba(0,0,0,.06); }
h1{ font-size:18px; margin:0 0 16px; color:var(--brand); }
label{ display:block; font-weight:600; margin:12px 0 6px; }
input[type=email],input[type=password]{ width:100%; padding:10px 12px; border:1px solid #ddd; border-radius:8px; }
button{ margin-top:16px; width:100%; padding:10px 12px; border:0; border-radius:8px; background:var(--brand); color:#fff; font-weight:700; cursor:pointer; }
.small{ font-size:12px; margin-top:12px; display:block; }
.msg{ margin-top:10px; padding:10px; border-radius:8px; display:none; }
.msg.ok{ background:#e7f6ed; color:#087443; display:block; }
.msg.err{ background:#fde8e7; color:#b22; display:block; }
.link{ color:var(--brand); text-decoration:none; }
.note {
  display:block;
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}