/* Raqeeb ReachPro — standalone auth pages (login, forgot/reset password). */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

:root{
	--rrp-ink:#0e0e10;
	--rrp-ink-800:#1a1a1d;
	--rrp-gold:#f5c518;
	--rrp-gold-dark:#e0a500;
	--rrp-gold-grad:linear-gradient(120deg,#f7d51a,#f0a500);
	--rrp-line:#e7e5e1;
	--rrp-bg:#faf9f7;
	--rrp-radius:14px;
}
*{ box-sizing:border-box; }
html,body{ height:100%; }
body.rrp-auth-body{
	margin:0;
	min-height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--rrp-ink);
	background-image:
		radial-gradient(circle at 15% 20%, rgba(245,197,24,0.10), transparent 45%),
		radial-gradient(circle at 85% 80%, rgba(245,197,24,0.08), transparent 45%);
	font-family:'Inter', sans-serif;
	color:#1a1a1d;
	padding:24px;
}
.rrp-auth-card{
	width:100%;
	max-width:420px;
	background:#fff;
	border-radius:20px;
	box-shadow:0 30px 80px rgba(0,0,0,0.45);
	padding:40px 36px 34px;
}
.rrp-auth-logo{ display:flex; flex-direction:column; align-items:center; text-align:center; margin-bottom:22px; }
.rrp-auth-logo img{ height:76px; width:auto; margin-bottom:6px; }
.rrp-auth-tagline{ font-size:11px; letter-spacing:0.16em; text-transform:uppercase; color:#9a9a9a; font-weight:600; }
.rrp-auth-title{ font-family:'Sora', sans-serif; font-weight:700; font-size:21px; text-align:center; margin:0 0 6px; color:var(--rrp-ink); }
.rrp-auth-subtitle{ text-align:center; font-size:13.5px; color:#6b6b6b; margin:0 0 26px; line-height:1.5; }

.rrp-field{ margin-bottom:16px; }
.rrp-field label{ display:block; font-size:12.5px; font-weight:600; color:var(--rrp-ink-800); margin-bottom:6px; }
.rrp-field input[type=text], .rrp-field input[type=email], .rrp-field input[type=password]{
	width:100%; padding:12px 14px; border:1.5px solid var(--rrp-line); border-radius:10px;
	font-size:14px; font-family:inherit; background:#fcfcfb; transition:border-color .15s, box-shadow .15s;
}
.rrp-field input:focus{ outline:none; border-color:var(--rrp-gold-dark); box-shadow:0 0 0 3px rgba(245,197,24,0.25); background:#fff; }

.rrp-row-between{ display:flex; align-items:center; justify-content:space-between; margin:2px 0 20px; font-size:13px; }
.rrp-checkbox{ display:flex; align-items:center; gap:7px; color:#4a4a4a; cursor:pointer; }
.rrp-checkbox input{ width:15px; height:15px; accent-color:var(--rrp-gold-dark); }
.rrp-link-gold{ color:var(--rrp-gold-dark); text-decoration:none; font-weight:600; }
.rrp-link-gold:hover{ text-decoration:underline; }

.rrp-auth-btn{
	width:100%; padding:13px; border:none; border-radius:10px; cursor:pointer;
	background:var(--rrp-gold-grad); color:#1a1400; font-family:'Sora',sans-serif; font-weight:700; font-size:14.5px;
	box-shadow:0 8px 20px rgba(224,165,0,0.35); transition:transform .12s, box-shadow .12s;
}
.rrp-auth-btn:hover{ transform:translateY(-1px); box-shadow:0 12px 26px rgba(224,165,0,0.42); }
.rrp-auth-btn:active{ transform:translateY(0); }

.rrp-auth-back{ display:block; text-align:center; margin-top:22px; font-size:13px; color:#8a8a8a; text-decoration:none; }
.rrp-auth-back:hover{ color:var(--rrp-ink); }

.rrp-auth-notice{ border-radius:10px; padding:11px 14px; font-size:13px; margin-bottom:18px; line-height:1.5; }
.rrp-auth-notice.error{ background:#fdeceb; color:#a3312a; border:1px solid #f3c8c4; }
.rrp-auth-notice.success{ background:#eefaf3; color:#116b41; border:1px solid #b9e8cd; }

.rrp-auth-footer{ text-align:center; margin-top:26px; font-size:11.5px; color:rgba(255,255,255,0.45); }

@media (max-width:480px){
	.rrp-auth-card{ padding:32px 22px 26px; }
}