/* =========================================================
   Ori X Pay register - login page ke split layout par add-ons
   (base styles paynova-login.css se aati hain)
   ========================================================= */

/* card: form side thoda chaura, kyunki 9 fields hain */
.pv-card.rg-card { max-width: 1180px; grid-template-columns: 5fr 7fr; }

/* left showcase: panel image distort na ho (card lamba ho sakta hai) */
.rg-card .pv-left {
    padding: 43px 48px 0 48px;
    background: #050d0f url('../img/paynova/panel.webp') center bottom / cover no-repeat;
}
.rg-card .pv-art { display: none; }
.rg-card .pv-h1 { font-size: 38px; line-height: 42px; }
.rg-card .pv-badge { margin-top: 30px; }
.rg-card .pv-feats { margin-top: 24px; }
.rg-card .pv-p { max-width: 400px; font-size: 15.5px; }
.rg-card .pv-foot { margin-top: auto; padding-top: 24px; padding-bottom: 44px; }

/* right form */
.rg-right { padding: 44px 56px 44px 56px; }
.rg-right .pv-top { margin-right: 0; }
.rg-right .pv-title { margin-top: 34px; font-size: 38px; line-height: 44px; }
.rg-right .pv-sub { margin-top: 8px; max-width: none; font-size: 16px; line-height: 24px; }

.rg-form { margin-top: 28px; }
.pv-alert + .rg-form { margin-top: 22px; }
.rg-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 18px; }
.rg-full { grid-column: 1 / -1; }
.rg-group { min-width: 0; }
.rg-label { display: block; margin: 0 0 9px; font-size: 14.5px; line-height: 20px; font-weight: 600; color: var(--pv-ink); }
.rg-right .pv-input { height: 52px; }

.rg-terms { margin-top: 24px; align-items: flex-start; gap: 12px; width: auto; font-size: 13.5px; line-height: 21px; color: #6a737d; }
.rg-terms .pv-box { margin-top: 0; }
.rg-terms a { color: #996633; text-decoration: underline; text-underline-offset: 2px; }

.rg-btn { margin-top: 24px; height: 56px; }

.rg-safe { margin-top: 22px; display: flex; align-items: flex-start; gap: 10px; font-size: 12px; line-height: 18px; color: #6a737d; }
.rg-safe svg { width: 17px; height: 17px; margin-top: 0; color: #946728; }

/* success */
.rg-done { padding-top: 40px; }
.rg-done-ico { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: #946728; box-shadow: 0 12px 26px -10px rgba(148,103,40,.6); }
.rg-done-ico svg { width: 30px; height: 30px; }
.rg-done .pv-title { margin-top: 26px; }
.rg-btn-link { margin-top: 30px; text-decoration: none; }

/* tablet / mobile: login ka mobile layout use hota hai (header on top, showcase neeche) */
@media (max-width: 1023px) {
    .pv-card.rg-card { max-width: 560px; }
    .rg-card .pv-left { padding: 40px 24px 0; background: linear-gradient(180deg, #091113 0%, #071011 12%, #030b0e 26%, #050d0f 100%); }
    .rg-card .pv-art { display: block; }
    .rg-card .pv-h1 { font-size: 32px; line-height: 36px; }
    .rg-card .pv-p { max-width: none; font-size: 15px; }
    .rg-card .pv-foot { margin-top: 10px; padding-top: 0; padding-bottom: 34px; }
    .rg-right { padding: 26px 22px 56px; }
    .rg-right .pv-title { margin-top: 24px; font-size: 30px; line-height: 36px; }
    .rg-form { margin-top: 22px; }
}
@media (max-width: 600px) {
    .rg-grid { grid-template-columns: 1fr; gap: 18px; }
    .rg-right .pv-input { height: 54px; font-size: 16px; }
}