.s4pdc-ajax-login{--s4pdc-login-bg:#111827;--s4pdc-login-card:rgba(255,255,255,.1);--s4pdc-login-text:#fff;--s4pdc-login-muted:rgba(255,255,255,.72);--s4pdc-login-accent:#ff3f8f;--s4pdc-login-border:rgba(255,255,255,.18);font-family:inherit;margin:32px auto;max-width:var(--s4pdc-login-max-width,1160px);color:var(--s4pdc-login-text)}
.s4pdc-login-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch;background:radial-gradient(circle at top left,rgba(255,63,143,.34),transparent 34%),linear-gradient(135deg,var(--s4pdc-login-bg),#1f2937);border-radius:var(--s4pdc-login-radius,28px);padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.22);overflow:hidden}
.s4pdc-login-copy,.s4pdc-login-card{position:relative;z-index:1}.s4pdc-login-copy{padding:28px}.s4pdc-login-badge{display:inline-flex;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid var(--s4pdc-login-border);font-size:13px;color:var(--s4pdc-login-muted)}
.s4pdc-login-copy h2{font-size:clamp(34px,5vw,62px);line-height:1.02;margin:20px 0 14px;color:var(--s4pdc-login-text)}.s4pdc-login-copy p{font-size:18px;line-height:1.65;color:var(--s4pdc-login-muted);max-width:560px}.s4pdc-login-copy ul{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none;color:var(--s4pdc-login-muted)}.s4pdc-login-copy li:before{content:'✓';display:inline-flex;margin-right:10px;color:#fff;background:var(--s4pdc-login-accent);border-radius:50%;width:22px;height:22px;align-items:center;justify-content:center;font-size:12px}
.s4pdc-login-card{background:var(--s4pdc-login-card);border:1px solid var(--s4pdc-login-border);border-radius:24px;padding:28px;backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}.s4pdc-login-card h3{font-size:28px;margin:0 0 18px;color:var(--s4pdc-login-text)}
.s4pdc-login-form,.s4pdc-lost-form{display:grid;gap:15px}.s4pdc-login-card label{display:grid;gap:7px;font-weight:700;color:var(--s4pdc-login-text)}.s4pdc-login-card input[type=text],.s4pdc-login-card input[type=password]{width:100%;min-height:50px;border:1px solid var(--s4pdc-login-border);border-radius:15px;background:rgba(255,255,255,.12);color:var(--s4pdc-login-text);padding:0 15px;font-size:16px;outline:none}.s4pdc-login-card input:focus{border-color:var(--s4pdc-login-accent);box-shadow:0 0 0 4px rgba(255,63,143,.16)}.s4pdc-login-check{display:flex!important;align-items:center;gap:10px;font-weight:500!important;color:var(--s4pdc-login-muted)!important}.s4pdc-login-check input{width:auto}.s4pdc-login-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border:0;border-radius:16px;background:var(--s4pdc-login-accent);color:#fff;text-decoration:none;font-weight:800;padding:0 20px;cursor:pointer;transition:.18s ease}.s4pdc-login-button:hover{transform:translateY(-1px);filter:brightness(1.08);color:#fff}.s4pdc-login-button-light{background:rgba(255,255,255,.16);border:1px solid var(--s4pdc-login-border)}.s4pdc-login-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.s4pdc-login-links a,.s4pdc-login-links button{border:0;background:transparent;padding:0;color:var(--s4pdc-login-text);text-decoration:underline;cursor:pointer;font:inherit}.s4pdc-login-message{display:none;border-radius:14px;padding:12px 14px;font-weight:700}.s4pdc-login-message.is-info{display:block;background:rgba(59,130,246,.16);color:#dbeafe}.s4pdc-login-message.is-success{display:block;background:rgba(34,197,94,.18);color:#dcfce7}.s4pdc-login-message.is-error{display:block;background:rgba(239,68,68,.2);color:#fee2e2}.s4pdc-login-logged-in{text-align:center;display:grid;gap:16px}.s4pdc-login-avatar img{border-radius:999px;border:4px solid rgba(255,255,255,.2)}
.s4pdc-login-layout-light_card{--s4pdc-login-bg:#f8fafc;--s4pdc-login-card:#fff;--s4pdc-login-text:#111827;--s4pdc-login-muted:#475569;--s4pdc-login-border:rgba(15,23,42,.12);--s4pdc-login-accent:#e11d48}.s4pdc-login-layout-light_card .s4pdc-login-shell{background:linear-gradient(135deg,#fff,#f1f5f9)}.s4pdc-login-layout-light_card .s4pdc-login-card input[type=text],.s4pdc-login-layout-light_card .s4pdc-login-card input[type=password]{background:#fff;color:#111827}.s4pdc-login-layout-light_card .s4pdc-login-message.is-info{color:#1e3a8a}.s4pdc-login-layout-light_card .s4pdc-login-message.is-success{color:#166534}.s4pdc-login-layout-light_card .s4pdc-login-message.is-error{color:#991b1b}
.s4pdc-login-layout-neon_love{--s4pdc-login-bg:#100020;--s4pdc-login-card:rgba(12,10,35,.68);--s4pdc-login-accent:#a855f7}.s4pdc-login-layout-neon_love .s4pdc-login-shell{background:radial-gradient(circle at 20% 10%,rgba(168,85,247,.55),transparent 31%),radial-gradient(circle at 80% 20%,rgba(244,63,94,.48),transparent 28%),linear-gradient(135deg,#0b0220,#19002e)}
.s4pdc-login-layout-minimal{--s4pdc-login-bg:#fff;--s4pdc-login-card:#fff;--s4pdc-login-text:#111827;--s4pdc-login-muted:#4b5563;--s4pdc-login-border:#e5e7eb;--s4pdc-login-accent:#111827}.s4pdc-login-layout-minimal .s4pdc-login-shell{background:#fff;border:1px solid #e5e7eb;box-shadow:none}.s4pdc-login-layout-minimal .s4pdc-login-card{box-shadow:none}.s4pdc-login-layout-minimal .s4pdc-login-card input[type=text],.s4pdc-login-layout-minimal .s4pdc-login-card input[type=password]{background:#fff;color:#111827}.s4pdc-login-layout-minimal .s4pdc-login-message.is-info{color:#1e3a8a}.s4pdc-login-layout-minimal .s4pdc-login-message.is-success{color:#166534}.s4pdc-login-layout-minimal .s4pdc-login-message.is-error{color:#991b1b}
@media(max-width:820px){.s4pdc-login-shell{grid-template-columns:1fr;padding:18px;border-radius:20px}.s4pdc-login-copy{padding:12px}.s4pdc-login-card{padding:20px;border-radius:20px}.s4pdc-login-copy h2{font-size:34px}}


/* v4.0.15 editable design */
.s4pdc-login-layout-custom .s4pdc-login-shell{
  background:radial-gradient(circle at top left,color-mix(in srgb,var(--s4pdc-login-accent,#ff3f8f) 28%,transparent),transparent 34%),linear-gradient(135deg,var(--s4pdc-login-bg,#111827),color-mix(in srgb,var(--s4pdc-login-bg,#111827) 78%,#000));
}
.s4pdc-ajax-login .s4pdc-login-card,
.s4pdc-ajax-login .s4pdc-login-shell{
  border-radius:var(--s4pdc-login-radius,28px);
}
.s4pdc-login-layout-custom .s4pdc-login-card input[type=text],
.s4pdc-login-layout-custom .s4pdc-login-card input[type=password]{
  color:var(--s4pdc-login-text,#fff);
}