:root {
  --bestari-blue: #2d3792;
  --bestari-blue-dark: #1c2360;
  --bestari-orange: #f0991e;
  --bestari-orange-dark: #d9800a;
}
body { background-color: #f4f6f9; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

.btn-primary { background-color: var(--bestari-orange); border-color: var(--bestari-orange); }
.btn-primary:hover, .btn-primary:focus { background-color: var(--bestari-orange-dark); border-color: var(--bestari-orange-dark); }
a, .text-primary { color: var(--bestari-blue) !important; }

.login-container { min-height: 100vh; display: flex; align-items: center; }
.side-a { background: #ffffff; padding: 40px; border-radius: 10px 0 0 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.side-b { background: linear-gradient(160deg, var(--bestari-blue) 0%, var(--bestari-blue-dark) 100%); color: #fff; padding: 40px; border-radius: 0 10px 10px 0; border-top: 4px solid var(--bestari-orange); }
.side-b .form-label { color: #e2e8f0; }
.brand-logo { height: 40px; margin-bottom: 14px; }
.login-clock { font-size: 13px; color: #6b7280; margin-bottom: 16px; }
.login-clock .jam { font-size: 26px; font-weight: 700; color: var(--bestari-blue); letter-spacing: 1px; }