body { background: #f0f2f5; display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.card-wrap { width: 100%; max-width: 420px; }
.brand-bar { background: #495057; color: #fff; padding: 24px 32px 20px; border-radius: 8px 8px 0 0; text-align: center; }
.brand-bar .brand-name { font-size: 1.5rem; font-weight: 700; }
.brand-bar h1 { font-size: 1rem; font-weight: 500; color: #ced4da; margin: 0; }
.card-body { border-radius: 0 0 8px 8px; padding: 32px; }
.btn-submit { background: #495057; border-color: #495057; color: #fff; }
.btn-submit:hover { background: #343a40; border-color: #343a40; color: #fff; }
.req { font-size: .78rem; color: #6c757d; margin-top: 4px; }