/* OCH Signup Popup 1.0.0: mockup CSS reused; breakpoint moved to 899px (desktop = 900px+), emoji enlarged, reduced motion. */
.op-back{position:fixed;inset:0;background:rgba(11,26,43,.7);z-index:99998;display:none}
.op{position:fixed;z-index:99999;display:none;font-family:Montserrat,sans-serif;color:#0B1A2B}
.op.open,.op-back.open{display:block}
.op-box{background:#FFF7EB;border-radius:28px;border:4px solid #0B1A2B;box-shadow:10px 10px 0 #FFBA00;padding:40px 36px 28px;position:relative;text-align:center}
.op-x{position:absolute;top:12px;right:14px;width:44px;height:44px;border:0;border-radius:999px;background:#0B1A2B;color:#FFBA00;font-size:22px;font-weight:800;cursor:pointer}
.op-eyebrow{display:inline-block;background:#FFBA00;padding:5px 14px;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.op-script{font-family:'Kaushan Script',cursive;color:#FFA94D;font-size:1.5rem;margin-top:10px}
.op h2{font-weight:900;font-size:2.1rem;line-height:1.05;margin:4px 0 10px}
.op p.sub{font-weight:600;font-size:1.05rem;margin:0 0 18px}
.op form{display:flex;gap:8px}.op input{flex:1;min-width:0;border:3px solid #0B1A2B;border-radius:999px;padding:14px 18px;font-size:16px;background:#fff;font-family:inherit}
.op .go{border:3px solid #0B1A2B;background:#FFBA00;color:#0B1A2B;font-weight:900;border-radius:999px;padding:0 22px;min-height:52px;font-size:16px;cursor:pointer;white-space:nowrap;font-family:inherit}.op .go:hover{background:#FFA94D}
.op .nah{display:inline-block;margin-top:14px;background:none;border:0;color:#0B1A2B;text-decoration:underline;font-size:14px;cursor:pointer;font-family:inherit;opacity:.75}
.op .fine{font-size:12px;font-weight:600;opacity:.7;margin:.55rem 0 0;color:#0B1A2B;text-align:center}
.op .ok h2{color:#0B1A2B}.op .ok .big{font-size:3rem}
.op-desk{top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,92vw)}
/* plugin additions */
.op .go .op-emoji{display:inline-block;font-size:1.35em;line-height:1;vertical-align:-.14em;margin-left:.12em}
.op .go[disabled]{opacity:.7;cursor:wait}
.op .op-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.op .op-msg{font-size:13px;font-weight:700;margin:8px 0 0;min-height:0}.op .op-msg:empty{display:none}.op .op-msg.is-error{color:#0B1A2B;background:#FFA94D;border-radius:12px;padding:6px 10px}
.op .op-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.op input:focus-visible,.op button:focus-visible{outline:3px solid #FFA94D;outline-offset:2px}
@media(max-width:899px){.op-desk{top:auto;bottom:0;left:0;right:0;transform:none;width:auto}
.op-box{border-radius:22px 22px 0 0;border-width:3px 0 0;box-shadow:0 -6px 0 #FFBA00;padding:16px 16px 12px;text-align:left;animation:up .35s ease-out;max-height:30vh;overflow:auto}
@keyframes up{from{transform:translateY(100%)}}
.op-x{top:8px;right:8px;width:36px;height:36px;font-size:18px}.op-eyebrow,.op-script{display:none}
.op h2{font-size:1.05rem;margin:0 40px 2px 0}.op p.sub{font-size:.85rem;margin:0 44px 10px 0}
.op input{padding:10px 14px}.op .go{min-height:46px;padding:0 14px;font-size:15px}.op .nah{margin-top:6px;font-size:13px}.op .fine{font-size:11px;margin-top:4px;text-align:left}.op .ok .big{display:none}
.op-back{display:none!important}}
@media(prefers-reduced-motion:reduce){.op-box{animation:none!important}.op *{transition:none!important}}