#cgusub-ov{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}
#cgusub-ov .cgusub-box{background:#fff;border-radius:14px;max-width:440px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.28);overflow:hidden;animation:cgusubin .22s ease}
@keyframes cgusubin{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
#cgusub-ov .cgusub-head{background:#1e3a8a;color:#fff;padding:12px 18px;display:flex;align-items:center;justify-content:space-between}
#cgusub-ov .cgusub-brand{font-weight:800;font-size:17px;letter-spacing:.2px}
#cgusub-ov .cgusub-brand span{color:#f97316}
#cgusub-ov .cgusub-x{background:none;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:0 2px;opacity:.85}
#cgusub-ov .cgusub-x:hover{opacity:1}
#cgusub-ov .cgusub-bd{padding:18px 20px 16px}
#cgusub-ov h3{margin:0 0 8px;font-size:19px;color:#1e3a8a;line-height:1.3}
#cgusub-ov .cgusub-sub{margin:0 0 14px;font-size:13.5px;color:#475569;line-height:1.55}
#cgusub-ov .cgusub-sub em{color:#64748b}
#cgusub-ov .cgusub-row{margin:0 0 10px}
#cgusub-ov .cgusub-em{width:100%;padding:11px 12px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:14.5px;box-sizing:border-box}
#cgusub-ov .cgusub-em:focus{outline:none;border-color:#f97316}
#cgusub-ov .cgusub-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
#cgusub-ov .cgusub-btns{display:flex;gap:10px;flex-wrap:wrap}
#cgusub-ov .cgusub-yes{background:#f97316;color:#fff;border:0;border-radius:8px;padding:11px 18px;font-size:14.5px;font-weight:700;cursor:pointer;flex:1;min-width:150px}
#cgusub-ov .cgusub-yes:hover{background:#ea580c}
#cgusub-ov .cgusub-yes:disabled{opacity:.6;cursor:default}
#cgusub-ov .cgusub-no{background:#fff;color:#64748b;border:1.5px solid #e2e8f0;border-radius:8px;padding:11px 14px;font-size:13.5px;cursor:pointer}
#cgusub-ov .cgusub-no:hover{border-color:#94a3b8;color:#334155}
#cgusub-ov .cgusub-msg{margin:10px 0 0;font-size:13px;min-height:16px}
#cgusub-ov .cgusub-ok{color:#15803d;font-weight:600}
#cgusub-ov .cgusub-err{color:#b91c1c}
#cgusub-ov .cgusub-fine{margin:10px 0 0;font-size:11.5px;color:#94a3b8}
#cgusub-ov .cgusub-tick{display:inline-block;background:#15803d;color:#fff;border-radius:50%;width:22px;height:22px;text-align:center;line-height:22px;font-size:13px;margin-right:6px}
#cgusub-ov .cgusub-next{display:flex;flex-direction:column;gap:8px;margin:4px 0}
#cgusub-ov .cgusub-next a{display:block;background:#eff6ff;border:1.5px solid #bfdbfe;color:#1e3a8a;border-radius:9px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none}
#cgusub-ov .cgusub-next a:hover{border-color:#f97316;background:#fff7ed}
.cgusub-toast{position:fixed;top:18px;left:50%;transform:translate(-50%,-30px);background:#1e3a8a;color:#fff;padding:12px 22px;border-radius:10px;font-size:14px;z-index:99999;opacity:0;transition:all .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:92vw}
.cgusub-toast-ok{background:#15803d}
.cgusub-toast-show{opacity:1;transform:translate(-50%,0)}
@media (max-width:480px){#cgusub-ov .cgusub-bd{padding:15px 14px 13px}#cgusub-ov h3{font-size:17px}}