/* Shared public account and staff entry presentation. */
body.entry-f{--ground:#f5f2ec;--panel:#f5f2ec;--ink:#262522;--ink2:#49463f;--muted:#6c675f;--accent:#8c2028;--line:#ded8ce;--line2:#bfb6a9;--well:#faf8f4;--h:44px;--entry-title:32px;--r:5px;color-scheme:light;background:var(--ground);color:var(--ink);font-family:var(--f);font-size:14px;line-height:1.5;overflow-x:clip}
body.entry-f .hal{max-width:1280px;min-height:100svh;padding-inline:48px}
body.entry-f .atas{height:98px;gap:20px;border-bottom:1px solid var(--line)}
body.entry-f .atas .merek{font-size:23px;font-weight:500;letter-spacing:-.65px;gap:10px}
body.entry-f .brand-logo{width:52px;height:52px;object-fit:contain;border-radius:0}
body.entry-f .atas .btn{min-height:40px;height:auto;padding:9px 17px;border-radius:5px;font-size:13px;font-weight:500;text-decoration:none}
body.entry-f .atas .btn-pri{background:var(--accent);border-color:var(--accent);color:#fff}body.entry-f .atas .btn-pri:hover{background:#701820;border-color:#701820}
body.entry-f .entry-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:clamp(48px,7vw,96px);align-items:center;justify-content:initial;flex:1;min-height:0;padding:58px 0 66px}
body.entry-f .entry-story{min-width:0;align-self:center}
body.entry-f .entry-visual{width:100%;aspect-ratio:4/3;overflow:hidden;background:#e6dfd3}
body.entry-f .entry-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body.entry-f .entry-story-copy{max-width:440px;padding-top:27px}
body.entry-f .entry-story h2{font-size:24px;line-height:1.13;letter-spacing:-1.25px;font-weight:400;margin:0 0 14px}
body.entry-f .entry-story p{max-width:360px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}
body.entry-f .entry-form-area{min-width:0;width:100%}
body.entry-f .kartu{width:100%;max-width:none;padding:0;border:0;border-radius:0;background:none;box-shadow:none;animation:none}
body.entry-f .kartu h1{font-size:var(--entry-title);line-height:1.2;font-weight:500;letter-spacing:-.8px;margin:0 0 17px;max-width:460px}
body.entry-f .entry-kicker{color:var(--accent);font-size:14px;font-weight:500;letter-spacing:0;margin:0 0 13px}
body.entry-f .entry-intro{font-size:14px;color:var(--muted);line-height:1.65;margin:0 0 30px;max-width:410px}
body.entry-f .fld{gap:7px;margin-bottom:18px;min-width:0}
body.entry-f .fld label{font-size:13px;font-weight:500;line-height:1.45;color:var(--ink2)}
body.entry-f .inp{height:44px;min-height:44px;padding-inline:13px;border:1px solid var(--line2);border-radius:5px;background:var(--well);color:var(--ink);font-size:13px;line-height:1.4;box-shadow:none}
body.entry-f .inp::placeholder{color:#8a8378;opacity:1}
body.entry-f .inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8c202814}
body.entry-f .grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}
body.entry-f .entry-field-note{font-size:13px;line-height:1.45;color:var(--muted);margin:0}
body.entry-f .kartu .btn-pri{width:100%;height:44px;min-height:44px;border-radius:5px;background:var(--accent);border-color:var(--accent);color:#fff;font-size:13px;font-weight:500;margin-top:5px;padding-inline:18px}
body.entry-f .kartu .btn-pri:hover{background:#701820;border-color:#701820}
body.entry-f .tautan{text-align:left;margin-top:19px;font-size:14px;line-height:1.7;color:var(--muted)}
body.entry-f .tautan a{color:var(--accent);font-weight:500;text-decoration:underline;text-underline-offset:3px}
body.entry-f .entry-staff-note{border-top:1px solid var(--line);padding-top:17px;margin:23px 0 0;font-size:13px;line-height:1.65;color:var(--muted)}
body.entry-f .salah{font-size:14px;line-height:1.6;border:0;border-left:3px solid var(--accent);border-radius:0;background:#efe3df;color:var(--accent);padding:11px 13px;margin:0 0 22px}
body.entry-f .kaki{font-size:13px;line-height:1.5;padding:23px 0 28px;border-top:1px solid var(--line);color:var(--muted);gap:16px}
body.entry-f .kaki a{color:var(--ink2)}
@media(min-width:901px) and (max-width:1100px){body.entry-f .hal{padding-inline:36px}body.entry-f .entry-main{grid-template-columns:minmax(0,1fr) minmax(340px,410px);gap:48px}body.entry-f .entry-story h2{font-size:24px}body.entry-f .kartu h1{font-size:var(--entry-title)}}
@media(max-width:900px){
 body.entry-f{--entry-title:24px}
 body.entry-f .hal{width:100%;max-width:620px;padding-inline:28px}
 body.entry-f .atas{height:82px;gap:18px}
 body.entry-f .atas .merek{font-size:22px}
 body.entry-f .brand-logo{width:48px;height:48px}
 body.entry-f .entry-main{display:block;flex:1;padding:42px 0 50px}
 body.entry-f .entry-story{display:none}
 body.entry-f .entry-form-area{max-width:460px;margin-inline:auto}
 body.entry-f .kartu h1{font-size:var(--entry-title);line-height:1.2;letter-spacing:-.5px;margin-bottom:15px}
 body.entry-f .entry-intro{font-size:14px;margin-bottom:28px}
 body.entry-f .entry-kicker{font-size:14px;margin-bottom:13px}
 body.entry-f .inp{font-size:16px}
 body.entry-f .kaki{padding-block:20px 25px;font-size:13px}
}
@media(max-width:480px){
 body.entry-f .hal{padding-inline:22px}
 body.entry-f .atas{height:76px;gap:14px}
 body.entry-f .atas .merek{font-size:20px;gap:6px}
 body.entry-f .brand-logo{width:43px;height:43px}
 body.entry-f .atas .btn{font-size:13px}
 body.entry-f .entry-main{padding:34px 0 42px}
 body.entry-f .kartu h1{font-size:var(--entry-title);letter-spacing:-.5px}
 body.entry-f .entry-intro{margin-bottom:25px}
 body.entry-f .grid2{grid-template-columns:minmax(0,1fr);gap:0}
 body.entry-f .fld{margin-bottom:17px}
 body.entry-f .tautan{font-size:14px}
 body.entry-f .kaki{gap:8px 14px;align-items:flex-start}
}
@media(max-width:350px){body.entry-f .hal{padding-inline:18px}body.entry-f .atas .merek{font-size:19px}body.entry-f .atas .btn{font-size:13px}body.entry-f .brand-logo{width:38px;height:38px}body.entry-f .kartu h1{font-size:var(--entry-title)}body.entry-f .entry-main{padding-top:30px}}

/* Logo JPEG: blend its light background into the page without a tile. */
body.entry-f .brand-logo{background:transparent;border:0;box-shadow:none;filter:contrast(1.16);mix-blend-mode:multiply}

/* Staff and platform management use the same single form and palette. */
body.entry-f.entry-single .entry-main,body.entry-f.brand-staff .entry-main{display:flex;justify-content:center;align-items:center}
body.entry-f.entry-single .entry-form-area,body.entry-f.brand-staff .entry-form-area{max-width:460px}
body.entry-f .entry-recovery:empty{display:none}