:root { font-family: Segoe UI, Arial, sans-serif; color: #172033; background: #f3f6fb; }
body { margin: 0; background-color: #f3f6fb; }
.topbar { display: flex; justify-content: space-between; align-items: center; padding: 16px 28px; background: #000; color: white; }
.topbar a { color: white; text-decoration: none; margin-right: 16px; }
.brand { font-weight: 700; }
.inline-form { display: inline; }
.inline-form button { background: transparent; color: white; border: 1px solid rgba(255,255,255,.4); border-radius: 8px; padding: 8px 12px; }
.container { margin: 40px auto; padding: 0 20px; }
.card, .login-card { background: white; border-radius: 18px; box-shadow: 0 10px 30px rgba(16,24,39,.08); padding: 32px; }
.login-card { max-width: 420px; margin: 0 auto; }
label { display: block; font-weight: 600; margin: 16px 0 6px; }
input { width: 100%; padding: 12px; border: 1px solid #cbd5e1; border-radius: 10px; box-sizing: border-box; }
button { margin-top: 18px; padding: 12px 18px; border: 0; border-radius: 10px; background: #eb2525; color: white; font-weight: 700; cursor: pointer; }
code { background: #eef2ff; padding: 3px 6px; border-radius: 6px; }
.muted { color: #64748b; }
.validation { color: #b42318; margin-top: 12px; }
.error { border-left: 4px solid #b42318; }
footer { background-color: #000; color: #ffffff; font-weight: 700 }
.holder { position: relative; margin-left: auto; margin-right: auto; height: 44px; font-size: 10pt; padding-top: 10px; padding-bottom: 10px; }
.copyright { position: relative; float: left; }
.url { float: right; position: relative; margin: 0 10px; }
.url a { color: #fff; text-decoration: none; }