/* Hubban parent registration */
body.hubban-register-page-body,
body.page-slug-daftar{background:#fffaf2}
body:has(.hubban-register-page) .wp-site-blocks,
body:has(.hubban-register-page) main,
body:has(.hubban-register-page) .wp-block-post-content,
body:has(.hubban-register-page) .entry-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body:has(.hubban-register-page) .wp-block-post-title,
body:has(.hubban-register-page) .entry-title,
body:has(.hubban-register-page) header.wp-block-template-part,
body:has(.hubban-register-page) footer.wp-block-template-part,
body:has(.hubban-register-page) .wp-site-blocks>header,
body:has(.hubban-register-page) .wp-site-blocks>footer{display:none!important}

.hubban-register-page{min-height:100vh;background:linear-gradient(120deg,#fffaf1 0%,#fff6e7 48%,#e8f5ff 100%);font-family:Arial,Helvetica,sans-serif;color:#102a50;padding:28px 5vw 45px;box-sizing:border-box}
.hr-logo{display:inline-block}.hr-logo img{width:150px;display:block}
.hr-shell{max-width:1160px;margin:25px auto 0;display:grid;grid-template-columns:1fr 520px;gap:70px;align-items:center}
.hr-intro{padding:20px 0}.hr-kicker{display:inline-block;padding:8px 13px;background:#fff0c8;border-radius:999px;font-size:12px;font-weight:800;color:#8b5a00}
.hr-intro h1{font-size:54px;line-height:1.04;letter-spacing:-2px;margin:18px 0;color:#102a50}.hr-intro h1 em{font-style:normal;color:#f3aa1d}.hr-intro>p{font-size:16px;line-height:1.6;color:#607083;max-width:520px}
.hr-benefits{display:grid;gap:15px;margin-top:30px}.hr-benefits>div{display:flex;gap:12px;align-items:flex-start}.hr-benefits>div>span{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e5f5e8;color:#337443;font-weight:900}.hr-benefits p{margin:0;display:flex;flex-direction:column}.hr-benefits strong{font-size:14px}.hr-benefits small{margin-top:4px;color:#718091;font-size:12px}
.hr-card{background:rgba(255,255,255,.94);border:1px solid #eadfce;border-radius:24px;padding:30px;box-shadow:0 18px 55px rgba(47,39,25,.09)}.hr-card-head h2{font-size:28px;margin:0}.hr-card-head p{color:#788493;margin:6px 0 22px}.hr-alert{padding:11px 13px;border-radius:11px;background:#fff0e9;color:#98432c;font-size:12px;margin-bottom:16px}
.hr-card label{display:block;margin-bottom:14px}.hr-card label>span:first-child{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.hr-card input[type=text],.hr-card input[type=email],.hr-card input[type=tel],.hr-card input[type=password]{width:100%;height:46px;padding:0 13px;border:1px solid #ddd3c5;border-radius:11px;background:#fff;color:#172b48;box-sizing:border-box;outline:none}.hr-card input:focus{border-color:#f2b437;box-shadow:0 0 0 3px rgba(242,180,55,.12)}
.hr-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hr-agreement{display:flex!important;align-items:flex-start;gap:9px;color:#697789;font-size:11px;line-height:1.45}.hr-agreement input{margin-top:2px}.hr-agreement span{display:block!important;margin:0!important;font-weight:400!important}
.hr-card button{width:100%;height:49px;border:0;border-radius:13px;background:#ffc33d;color:#102a50;font-size:14px;font-weight:900;cursor:pointer}.hr-card button span{margin-left:10px}.hr-login{text-align:center;margin-top:18px;font-size:12px;color:#6e7b8b}.hr-login a{color:#9a6500;font-weight:800;text-decoration:none}
@media(max-width:900px){.hr-shell{grid-template-columns:1fr;gap:25px;max-width:600px}.hr-intro{text-align:center}.hr-intro>p{margin-left:auto;margin-right:auto}.hr-benefits{text-align:left}.hr-intro h1{font-size:44px}}
@media(max-width:600px){.hubban-register-page{padding:20px 17px 35px}.hr-logo img{width:120px}.hr-shell{margin-top:12px}.hr-intro h1{font-size:38px}.hr-card{padding:22px 18px;border-radius:19px}.hr-password-grid{grid-template-columns:1fr}}


/* =========================================================
   FULL-WIDTH / CENTER FIX
   Override Twenty Twenty-Five constrained content wrappers.
   ========================================================= */

html:has(.hubban-register-page),
body:has(.hubban-register-page) {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 100% !important;
}

body:has(.hubban-register-page) .wp-site-blocks,
body:has(.hubban-register-page) main,
body:has(.hubban-register-page) main.wp-block-group,
body:has(.hubban-register-page) .wp-block-group,
body:has(.hubban-register-page) .wp-block-post-content,
body:has(.hubban-register-page) .entry-content,
body:has(.hubban-register-page) article,
body:has(.hubban-register-page) .wp-block-post-content > * {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body:has(.hubban-register-page) .hubban-register-page {
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 28px clamp(24px, 5vw, 80px) 50px !important;
    box-sizing: border-box !important;
}

body:has(.hubban-register-page) .hr-shell {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 28px auto 0 !important;
    padding: 0 !important;
    grid-template-columns: minmax(0, 1fr) minmax(460px, 520px) !important;
    gap: clamp(45px, 6vw, 90px) !important;
    align-items: center !important;
}

body:has(.hubban-register-page) .hr-intro,
body:has(.hubban-register-page) .hr-card {
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 900px) {
    body:has(.hubban-register-page) .hr-shell {
        max-width: 620px !important;
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
}

@media (max-width: 600px) {
    body:has(.hubban-register-page) .hubban-register-page {
        padding: 20px 17px 35px !important;
    }

    body:has(.hubban-register-page) .hr-shell {
        margin-top: 14px !important;
    }
}
