/* ReadWithUs Authentication UI V1. Scoped to .rwu-auth only. No auth behavior changes. */
:root { --rwu-auth-blue:#0869f8;--rwu-auth-dark:#101d58;--rwu-auth-ink:#162550;--rwu-auth-muted:#667a9f;--rwu-auth-border:#dae5f5; }
.rwu-auth-section { padding:58px 20px 76px; background:radial-gradient(circle at 8% 8%,#deecff 0,transparent 37%),linear-gradient(155deg,#f2f7ff 0%,#fbfdff 63%,#ecf6ff 100%); }
.rwu-auth,.rwu-auth * {box-sizing:border-box}
.rwu-auth {color:var(--rwu-auth-ink);font-family:inherit;max-width:1050px;margin-inline:auto;line-height:1.5}
.rwu-auth-layout {background:#fff;border:1px solid #e0e9f7;box-shadow:0 25px 70px rgba(24,52,114,.10);border-radius:24px;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1fr);overflow:hidden;min-width:0}
.rwu-auth-promo {display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;padding:40px 35px 30px;background:linear-gradient(155deg,#122c78,#09164b 82%);color:#fff;min-width:0;overflow:hidden}
.rwu-auth-promo:before,.rwu-auth-promo:after{content:"";position:absolute;z-index:-1;border-radius:50%;border:1px solid rgba(145,204,255,.20)}
.rwu-auth-promo:before{height:320px;width:320px;right:-180px;top:90px;box-shadow:0 0 0 80px rgba(26,102,248,.065)}
.rwu-auth-promo:after{height:180px;width:180px;left:-90px;bottom:-65px;background:rgba(19,124,255,.12)}
.rwu-auth-brand{display:inline-flex;align-items:center;gap:9px;font-size:22px;font-weight:850;letter-spacing:-.9px;color:inherit}
.rwu-auth-brand__icon{width:37px;height:37px;border-radius:11px;display:inline-flex;justify-content:center;align-items:center;color:#fff;background:#137cff}
.rwu-auth-brand__icon svg{width:26px;height:26px}
.rwu-auth-promo__body{margin-top:80px}
.rwu-auth-promo__tag,.rwu-auth-eyebrow{display:inline-block;color:#4287ff;font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}
.rwu-auth-promo__tag{color:#93c5ff}
.rwu-auth-promo h2{color:#fff;font-size:clamp(27px,2.6vw,37px);font-weight:850;letter-spacing:-1.3px;line-height:1.19;max-width:340px;margin:17px 0 16px}
.rwu-auth-promo p{font-size:14px;line-height:1.75;color:#c6d6f7;max-width:310px;margin:0}
.rwu-auth-promo__points{display:grid;gap:12px;margin:28px 0 0}
.rwu-auth-promo__points div{font-size:13px;color:#e4eeff;display:flex;align-items:center;gap:9px}
.rwu-auth-promo__points span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgba(49,194,151,.19);color:#5cf2bf;font-weight:900;flex-shrink:0}
.rwu-auth-promo__foot{font-size:12px;opacity:.6;margin-top:40px}
.rwu-auth-content{padding:clamp(26px,4vw,53px);min-width:0}
.rwu-auth-mobile-brand{display:none}
.rwu-auth-formhead h1{font-size:clamp(26px,2.5vw,34px);line-height:1.18;letter-spacing:-1.1px;color:#101e58;font-weight:850;margin:11px 0 11px}
.rwu-auth-formhead p{color:var(--rwu-auth-muted);font-size:14px;line-height:1.65;margin:0}
.rwu-auth-form{margin-top:26px;min-width:0}
.rwu-auth-form form{margin:0}
.rwu-auth-form .field-set{margin-bottom:15px;min-width:0}
.rwu-auth-form .field_label,.rwu-auth-form label{color:#23365d;font-size:13px;font-weight:700;line-height:1.5}
.rwu-auth-form .caption-wraper{margin:0 0 7px;display:block}
.rwu-auth-form .field-wraper,.rwu-auth-form .field_cover{min-width:0;max-width:100%}
.rwu-auth-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),.rwu-auth-form select,.rwu-auth-form textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;height:48px;min-height:44px;padding:10px 13px;border:1px solid #dce5f2;border-radius:11px;background:#f9fbff;color:#192957;font-size:14px;box-shadow:none;outline:none;transition:border-color .18s,box-shadow .18s}
.rwu-auth-form input:focus:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),.rwu-auth-form select:focus,.rwu-auth-form textarea:focus{background:#fff;border-color:#1975f6;box-shadow:0 0 0 3px rgba(25,117,246,.12)}
.rwu-auth-form input::placeholder{color:#9aa8c0}
.rwu-auth-form textarea{height:auto;min-height:90px}
.rwu-auth-form input[type=submit],.rwu-auth-form button[type=submit],.rwu-auth-form .btn--primary{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 17px;border-radius:11px!important;background:#0869f8!important;border:1px solid #0869f8!important;color:#fff!important;font-size:14px;font-weight:800;box-shadow:0 10px 20px rgba(8,105,248,.18);cursor:pointer}
.rwu-auth-form input[type=submit]:hover,.rwu-auth-form button[type=submit]:hover{background:#075bdd!important}
.rwu-auth-form .form .row{margin-left:-7px;margin-right:-7px}
.rwu-auth-form .form .row>[class*=col-]{padding-left:7px;padding-right:7px;min-width:0}
.rwu-auth-form .set-remember,.rwu-auth-form .terms_wrap{margin:9px 0 13px}
.rwu-auth-form .set-remember .field_label,.rwu-auth-form .terms_wrap .field_label{font-size:12px;font-weight:500;color:#536789}
.rwu-auth-form input[type=checkbox]{accent-color:#0874f9;min-width:17px;min-height:17px;vertical-align:middle;margin-right:7px}
.rwu-auth-form a,.rwu-auth-footer a{color:#0869f8;text-decoration:none;font-weight:750}
.rwu-auth-form a:hover,.rwu-auth-footer a:hover{text-decoration:underline}
.rwu-auth-form .-float-right{float:right}
.rwu-auth-form .caption-wraper:after{content:"";display:block;clear:both}
.rwu-auth-form .spn_must_field{color:#f04553}
.rwu-auth-footer{padding-top:18px;margin-top:19px;border-top:1px solid #e8eef7;text-align:center;font-size:13px;color:#647698}
.rwu-auth-footer p{margin:0 0 8px}
.rwu-auth-recovery{display:inline-flex;margin-top:8px}
.rwu-auth-trust{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:19px;font-size:11px;color:#8b9ab1}
.rwu-auth .social-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}
.rwu-auth .social-actions .social-button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:43px;padding:9px 8px;border:1px solid #e0e8f4;background:#fff;color:#27345e;border-radius:10px;font-size:12px;font-weight:700;line-height:1.3;box-shadow:none}
.rwu-auth .social-actions .social-button:hover{background:#f4f8ff;border-color:#a7c8ff}
.rwu-auth .social-actions .social-button__media{flex:none;width:22px;height:22px}
.rwu-auth .social-actions .social-button svg{width:21px;height:21px}
.rwu-auth .social-actions .social-button__label{min-width:0;text-align:left;overflow-wrap:anywhere}
.rwu-auth .-gap{display:none!important}
.rwu-auth-divider{display:flex;align-items:center;gap:12px;margin:21px 0 20px;color:#8796b0;font-size:11px;text-align:center}
.rwu-auth-divider:before,.rwu-auth-divider:after{content:"";height:1px;background:#e2e9f4;flex:1}
/* Reskin only Facebox that actually contains the ReadWithUs auth partial. */
#facebox:has(.rwu-auth--modal){max-width:calc(100vw - 24px)!important;width:min(900px,calc(100vw - 24px))!important;left:50%!important;transform:translateX(-50%);box-sizing:border-box}
#facebox:has(.rwu-auth--modal) .popup,#facebox:has(.rwu-auth--modal) .content{width:100%!important;max-width:100%!important;box-sizing:border-box;background:transparent!important}
#facebox:has(.rwu-auth--modal) .content{padding:0!important;margin:0!important;max-height:min(86vh,800px)!important;max-height:min(86dvh,800px)!important;overflow:auto!important;scrollbar-width:thin}
#facebox:has(.rwu-auth--modal) .rwu-auth-layout{border-radius:19px;box-shadow:none;border:0}
#facebox:has(.rwu-auth--modal) .close{z-index:10!important;position:absolute;right:13px;top:13px;background:#f5f8fe;border-radius:50%;padding:6px;min-height:26px;min-width:26px}
#facebox:has(.rwu-auth--modal) .rwu-auth{max-width:none;width:100%}
#facebox:has(.rwu-auth--modal) .rwu-auth-promo{padding:37px 30px}
#facebox:has(.rwu-auth--modal) .rwu-auth-promo__body{margin-top:50px}
#facebox:has(.rwu-auth--modal) .rwu-auth-content{padding:36px 38px}
.rwu-auth--signup .rwu-auth-content{padding-top:34px;padding-bottom:30px}
.rwu-auth--signup .rwu-auth-form{margin-top:20px}
.rwu-auth--signup .rwu-auth-form .field-set{margin-bottom:11px}
.rwu-auth--signup .rwu-auth-form .terms_wrap{overflow-wrap:anywhere}
.rwu-auth--signup .rwu-auth-form .terms_wrap a{font-size:12px}
.rwu-auth--recover .rwu-auth-promo__body{margin-top:53px}
.rwu-auth--recover .rwu-auth-content{align-self:center}
.rwu-auth-success{text-align:center;max-width:580px;padding:65px 38px;margin:auto;background:#fff;border:1px solid #e1eaf7;border-radius:22px;box-shadow:0 19px 65px rgba(16,37,84,.09)}
.rwu-auth-success__icon{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 20px;border-radius:20px;background:#defaf1;color:#068c62;font-size:36px;font-weight:850}
.rwu-auth-success h1{font-size:33px;color:#111e5a;margin:10px 0}.rwu-auth-success p{font-size:15px;color:#536789;line-height:1.65}
.rwu-auth-success__link{display:inline-flex;margin-top:16px;border-radius:11px;padding:13px 20px;background:#0869f8;color:#fff;font-weight:750;text-decoration:none}
@media(max-width:820px){.rwu-auth-layout{grid-template-columns:minmax(230px,.75fr) minmax(0,1fr)}.rwu-auth-content{padding:28px}.rwu-auth-promo{padding:28px 22px}.rwu-auth-promo__body{margin-top:50px}.rwu-auth-promo h2{font-size:28px}#facebox:has(.rwu-auth--modal) .rwu-auth-content{padding:29px 25px}}
@media(max-width:650px){.rwu-auth-section{padding:22px 12px 40px}.rwu-auth-layout{display:block;border-radius:18px}.rwu-auth-promo{display:none}.rwu-auth-content{padding:27px 22px}.rwu-auth-mobile-brand{display:block;color:#0869f8;margin:0 0 25px}.rwu-auth-mobile-brand .rwu-auth-brand{font-size:19px}.rwu-auth-formhead h1{font-size:29px}.rwu-auth-form{margin-top:21px}#facebox:has(.rwu-auth--modal){width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}#facebox:has(.rwu-auth--modal) .rwu-auth-content{padding:28px 20px}#facebox:has(.rwu-auth--modal) .content{max-height:90dvh!important}#facebox:has(.rwu-auth--modal) .rwu-auth-layout{border-radius:14px}.rwu-auth-success{padding:44px 22px}.rwu-auth .social-actions{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.rwu-auth-content,#facebox:has(.rwu-auth--modal) .rwu-auth-content{padding:23px 15px}.rwu-auth .social-actions{grid-template-columns:1fr}.rwu-auth .social-actions .social-button{min-height:41px}.rwu-auth-form .form .row>[class*=col-]{flex:0 0 100%;max-width:100%;width:100%}.rwu-auth-formhead h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.rwu-auth *{transition:none!important;animation:none!important}}