body.brand-signup .entry-main{display:block;padding:28px 0 34px}body.brand-signup .entry-story{display:none}body.brand-signup .entry-form-area{max-width:760px;margin-inline:auto}body.brand-signup .atas{height:76px}body.brand-signup .kartu h1{font-size:28px;max-width:none;margin-bottom:20px}body.brand-signup .signup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}body.brand-signup .signup-grid>.fld{margin:0;gap:5px}body.brand-signup .signup-wide{grid-column:1/-1}body.brand-signup .signup-grid .inp{height:40px;min-height:40px}body.brand-signup .signup-grid textarea.inp{resize:vertical;height:64px;min-height:64px;padding-top:9px;padding-bottom:9px}body.brand-signup .signup-grid .fld label{font-size:13px}body.brand-signup .signup-section-label{grid-column:1/-1;margin:7px 0 0;padding-top:13px;border-top:1px solid var(--line);font-size:13px;font-weight:500;color:var(--ink)}body.brand-signup .entry-field-note{font-size:12px}body.brand-signup .signup-submit{margin-top:18px!important}body.brand-pin .entry-form-area{max-width:318px}body.brand-pin .entry-main{align-items:flex-start;padding-top:72px}body.brand-pin .kartu h1{font-size:28px;width:100%;max-width:none;margin:0 0 20px;text-align:left}body.brand-pin .pin-field{margin-inline:auto}body.brand-pin .pin-cells>span{font-size:22px}body.brand-pin .tautan{text-align:center;margin-top:16px}body.brand-pin .fld{margin-bottom:20px}body.brand-pin .atas{height:76px}
@media(max-width:760px){body.brand-signup .hal{padding-inline:18px}body.brand-signup .entry-main{padding:22px 0 28px}body.brand-signup .atas,body.brand-pin .atas{height:66px}body.brand-signup .kartu h1,body.brand-pin .kartu h1{font-size:24px;margin-bottom:17px}body.brand-signup .signup-grid{gap:10px 12px}body.brand-signup .signup-grid .inp{font-size:16px}body.brand-signup .signup-grid>.fld{gap:4px}body.brand-signup .signup-grid .fld label{font-size:12px}body.brand-signup .entry-field-note{font-size:12px;line-height:1.4}body.brand-pin .entry-main{padding-top:45px}}
@media(max-width:620px){body.brand-signup .signup-pin{grid-column:1/-1}body.brand-signup .signup-grid{gap:10px}body.brand-signup .brand-logo{width:36px;height:36px}body.brand-signup .atas .merek{font-size:19px}body.brand-signup .atas .btn{min-height:34px;padding:6px 12px}body.brand-signup .signup-region-city{grid-column:1/-1}}
@media(max-width:350px){body.brand-signup .hal{padding-inline:16px}body.brand-signup .signup-grid{column-gap:9px}body.brand-signup .signup-grid .inp{padding-inline:9px}body.brand-signup .signup-grid .password-field>.inp{padding-right:41px!important}}

body.brand-pin .fld label.pin-login-label{display:block;width:100%;margin:0 0 10px;text-align:center;font-size:14px;font-weight:500;line-height:1.7;color:var(--muted)}
/* W: PIN confirmation has the same full row as the original PIN. */
body.brand-signup .signup-grid>.signup-pin{grid-column:1/-1}

/* Compact, centered PIN sign-in action. */
body.entry-f.brand-pin .kartu>.btn-pri{display:flex;width:160px;max-width:100%;margin:24px auto 0;border-radius:10px}