/* Light, blue-accent skin for the customer registration screen.
   Loaded only by auth/register/register_form.blade.php, after auth-layout.css. */
.auth-reg .auth-wrap { background: #f8fbff; }
.auth-reg .auth-brand {
    color: #0f172a;
    background:
        linear-gradient(180deg, rgba(239,246,255,.97) 0%, rgba(239,246,255,.9) 45%, rgba(219,234,254,.55) 100%),
        url("https://thumb.wikimedia.org/wikipedia/commons/thumb/b/b0/Singapore_Marina_Bay_Dusk_2018-02-27.jpg/960px-Singapore_Marina_Bay_Dusk_2018-02-27.jpg") center bottom / cover no-repeat;
}
.auth-reg .auth-brand::before { background: radial-gradient(circle, rgba(37,99,235,.18), transparent 65%); }
.auth-reg .auth-brand::after { background: radial-gradient(circle, rgba(14,165,233,.22), transparent 65%); }
.auth-reg .wordmark { color: #1d4ed8; }
.auth-reg .wordmark span { color: #2563eb; }
.auth-reg .auth-brand h1 { color: #0f172a; font-size: 2.6rem; }
.auth-reg .auth-brand p.sub { color: #475569; }
.auth-reg .feat-list li { color: #1e293b; font-weight: 500; }
.auth-reg .feat-list .tick { background: #2563eb; color: #fff; }
.auth-reg .quote-box { background: rgba(255,255,255,.88); border: 1px solid #dbeafe; box-shadow: 0 18px 40px -24px rgba(37,99,235,.5); }
.auth-reg .quote-box p { color: #334155; }
.auth-reg .quote-box .who { color: #0f172a; }
.auth-reg .quote-box .role { color: #64748b; }
.auth-reg .stars { color: #f59e0b; }
.auth-reg .auth-form-side { background: #fff; }
.auth-reg .auth-card { background: #fff; }
.auth-reg .auth-card h2 { font-size: 1.9rem; }
.auth-reg .auth-card h2::after { content: ""; display: block; width: 44px; height: 4px; border-radius: 4px; background: #2563eb; margin-top: .6rem; }
.auth-reg .lead-sm { margin-top: .9rem; }
.auth-reg .form-control { background: #f8fbff; }
.auth-reg .form-control:focus { background: #fff; }
.auth-reg .btn-blue { border-radius: 999px; box-shadow: 0 14px 28px -14px rgba(37,99,235,.7); }
.auth-reg .btn-blue:hover { transform: translateY(-1px); }
.auth-reg-badges { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0 0 1.4rem; }
.auth-reg-badges span { display: inline-flex; align-items: center; gap: .4rem; background: #eff6ff; color: #1d4ed8; border-radius: 999px; padding: .35rem .8rem; font-size: .78rem; font-weight: 600; }
@media (max-width: 900px) {
    .auth-reg .auth-form-side { background: linear-gradient(180deg, #eff6ff 0, #fff 220px); }
}
.auth-reg .otp-code { text-align: center; font-size: 1.9rem; font-weight: 800; letter-spacing: .6em; padding: .9rem .6rem .9rem 1.2rem; font-variant-numeric: tabular-nums; }
.auth-reg .otp-code::placeholder { color: #bfdbfe; letter-spacing: .4em; }