
.apc [hidden]{display:none!important}
.apc{background:#F6EBD6;padding:36px 16px 56px;color:#3A2A20}
.apc .apc-in{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.apc .apc-head{text-align:center;background:#FBF3E4;border:1px solid #C59A49;outline:1px solid #C59A49;outline-offset:-7px;padding:28px 18px 22px;position:relative}
.apc .apc-k{margin:0;font-family:"GFS Didot",Georgia,serif;letter-spacing:.24em;text-transform:uppercase;font-size:12px;color:#9A7230}
.apc h1{margin:6px 0 4px;font-family:"Tiro Devanagari Hindi",serif;font-weight:400;font-size:clamp(34px,8vw,46px);line-height:1.2;color:#1E6D6E}
.apc .apc-sub{margin:0;font-family:"Cabin",system-ui,sans-serif;font-size:16px;color:#76604F}
.apc .apc-lang{position:absolute;top:12px;right:12px;display:flex;border:1px solid #DAB161;border-radius:999px;overflow:hidden}
.apc .apc-lang button{border:0;background:#FBF3E4;padding:4px 10px;font:600 13px "Cabin",sans-serif;color:#5E4B3C;cursor:pointer}
.apc .apc-lang button.on{background:#1E6D6E;color:#FDF6EB}
.apc .apc-perks{margin:0;padding:18px 18px 18px 36px;background:#FBF3E4;border:1px solid #E8DCC6;font-family:"Cabin",sans-serif;font-size:15.5px;line-height:1.6}
.apc .apc-perks li::marker{color:#C59A49}
.apc .apc-levels{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.apc .apc-lv{background:#FBF3E4;border:1px solid #E8DCC6;padding:12px;font-family:"Cabin",sans-serif;font-size:13.5px;line-height:1.45;color:#76604F}
.apc .apc-lv b{display:block;font-family:"Tiro Devanagari Hindi",serif;font-weight:400;font-size:19px;color:#1E6D6E}
.apc .apc-lv strong{display:block;color:#3A2A20;font-size:15px;margin:2px 0}
.apc .apc-lv.on{border-color:#C59A49;background:#F3E3C3}
.apc .apc-card{background:#FFFDF8;border:1px solid #E8DCC6;padding:18px;display:flex;flex-direction:column;gap:10px;font-family:"Cabin",sans-serif}
.apc .apc-card p{margin:0}
.apc label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14.5px}
.apc input{border:1px solid #E0D0B4;background:#fff;border-radius:4px;padding:11px 12px;font:16px "Cabin",sans-serif;color:#3A2A20}
.apc .apc-otp{font-size:24px;letter-spacing:.4em;text-align:center}
.apc .apc-btn{display:block;text-align:center;font:600 16px "Cabin",sans-serif;text-decoration:none;color:#FDF6EB;background:#1E6D6E;border:1px solid #164F50;padding:12px 18px;border-radius:3px;box-shadow:inset 0 0 0 3px #1E6D6E,inset 0 0 0 4px #DAB161;cursor:pointer;transition:transform .12s cubic-bezier(.23,1,.32,1)}
.apc .apc-btn:active{transform:scale(.97)}
.apc .apc-btn:disabled{opacity:.5;cursor:not-allowed}
.apc .apc-wa{background:#1B8A4C;border-color:#14683A;box-shadow:none}
.apc .apc-ghost{background:#F4EAD9;color:#3A2A20;border-color:#E0D0B4;box-shadow:none}
.apc .apc-err{color:#9B111E;font-size:14px;min-height:0}
.apc .apc-err:empty{display:none}
.apc .apc-small{font-size:13.5px;color:#76604F}
.apc .apc-lbl{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#76604F;font-weight:600}
.apc .apc-hello{margin:0;font-family:"GFS Didot","Tiro Devanagari Hindi",serif;font-size:24px}
.apc .apc-bal{background:#1E6D6E;color:#FDF6EB;padding:20px 18px;display:flex;flex-direction:column;gap:2px;font-family:"Cabin",sans-serif;font-size:14px}
.apc .apc-bal b{font-family:"GFS Didot",serif;font-weight:400;font-size:48px;line-height:1.1}
.apc .apc-wait:empty{display:none}
.apc .apc-wait{margin-top:6px;opacity:.85;font-size:13px}
.apc .apc-row{display:flex;justify-content:space-between;align-items:center}
.apc .apc-badge{border:1px solid #C59A49;color:#9A7230;background:#FBF3E4;border-radius:999px;padding:2px 12px;font-family:"Tiro Devanagari Hindi",serif;font-size:15px}
.apc .apc-bar{height:8px;background:#F4EAD9;border-radius:999px;overflow:hidden}
.apc .apc-bar i{display:block;height:100%;background:#C59A49;transform-origin:left;transform:scaleX(0);transition:transform .6s cubic-bezier(.23,1,.32,1)}
.apc .apc-rate{font-weight:600;color:#1E6D6E}
.apc .apc-code{border:1px dashed #C59A49}
.apc .apc-code-val{font-family:"GFS Didot",serif;font-size:30px;letter-spacing:.12em;color:#1E6D6E;user-select:all;word-break:break-all}
.apc .apc-hist{list-style:none;margin:0;padding:0}
.apc .apc-hist li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #EFE3CF;font-size:15px}
.apc .apc-hist li.void{opacity:.55}
.apc .apc-hist b.pos{color:#2E7A4E} .apc .apc-hist b.neg{color:#9B111E}
@media (prefers-reduced-motion:reduce){.apc .apc-btn,.apc .apc-bar i{transition:none}}
/* Wide screens: use the page width, benefits on the left, the form (or the member's cards) on the right */
@media (min-width:900px){
  .apc{padding:48px 32px 72px}
  .apc .apc-in{max-width:1080px;gap:20px}
  .apc .apc-head{padding:34px 24px 26px}
  .apc .apc-out:not([hidden]){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}
  .apc .apc-out > .apc-perks{grid-column:1;grid-row:1}
  .apc .apc-out > .apc-levels{grid-column:1;grid-row:2}
  .apc .apc-out > form{grid-column:2;grid-row:1 / span 2}
  .apc .apc-in-member:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
  .apc .apc-in-member > .apc-hello,.apc .apc-in-member > .apc-logout{grid-column:1 / -1}
}
.apc .apc-need{margin:0;padding:10px 12px;background:#FBF3E4;border:1px solid #C59A49;border-radius:4px;font:600 16px/1.4 "Cabin",sans-serif;color:#1E6D6E}
