/* Cidapay Business - Login/Signup/Forgot Password Styles */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Mitr', 'DM Sans', sans-serif; background: var(--bg, #f4f4f4); min-height: 100vh; }
.preloader { position: fixed; inset: 0; z-index: 9999; background: #fff; display: flex; align-items: center; justify-content: center; }
.preloader .logo { width: 80px; height: 80px; border-radius: 20px; object-fit: cover; }
.loader-spinner { width: 40px; height: 40px; border: 3px solid #f3f3f3; border-top: 3px solid var(--site-clr, #E8922A); border-radius: 50%; animation: spin 0.8s linear infinite; margin-top: 15px; }
@keyframes spin { to { transform: rotate(360deg); } }
.box { max-width: 400px; margin: 60px auto; background: #fff; border-radius: 16px; padding: 30px 24px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
.head { text-align: center; margin-bottom: 24px; }
.head h2 { font-size: 22px; font-weight: 700; color: #1a1a2e; margin-bottom: 6px; }
.head span { font-size: 13px; color: #888; }
.inputs { margin-bottom: 16px; }
.inputs span { display: block; font-size: 12px; font-weight: 600; color: #555; margin-bottom: 6px; }
.inputs input { width: 100%; height: 48px; border: 1.5px solid #e4e7ef; border-radius: 12px; padding: 0 16px; font-size: 14px; font-family: inherit; outline: none; transition: border-color 0.2s; }
.inputs input:focus { border-color: var(--site-clr, #E8922A); }
.inputs b { display: block; font-size: 11px; color: #dc2626; margin-top: 4px; font-weight: 500; }
button[type="submit"] { width: 100%; height: 48px; background: linear-gradient(135deg, var(--site-clr, #E8922A), #c96e10); color: #fff; border: none; border-radius: 12px; font-size: 15px; font-weight: 700; font-family: inherit; cursor: pointer; margin-top: 8px; }
button[type="submit"]:hover { opacity: 0.95; }