.sf-coupon{--cp-accent:var(--accent,#6366f1);--cp-accent-hover:color-mix(in srgb, var(--cp-accent), #000 12%);--cp-accent-soft:color-mix(in srgb, var(--cp-accent), transparent 88%);--cp-bg:#0a0b11;--cp-bg2:#0c0e16;--cp-surface:#12141d;--cp-surface2:#1a1d29;--cp-fg:#f1f2f7;--cp-fg-muted:#8d92a8;--cp-fg-subtle:#5b607a;--cp-border:#ffffff14;--cp-border-strong:#ffffff24;--cp-border-hover:#fff3;--cp-success:#34d399;--cp-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--cp-r-sm:7px;--cp-r-md:10px;--cp-r-lg:13px;--cp-r-xl:17px;--cp-r-2xl:22px;--cp-r-pill:999px;--cp-elev2:0 8px 24px -10px #0000008c;--cp-elev4:0 24px 60px -16px #000000b8;--cp-spring:cubic-bezier(.34, 1.56, .64, 1);--cp-ease:cubic-bezier(.4, 0, .2, 1);color:var(--cp-fg);font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif)}.sf-coupon button{font-family:inherit}.sf-coupon .cp-scrim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:80;background:#06070db8;position:fixed;inset:0}.sf-coupon .cp-close{border:1px solid var(--cp-border);width:30px;height:30px;color:var(--cp-fg-muted);cursor:pointer;z-index:3;background:#ffffff0a;border-radius:50%;place-items:center;transition:all .16s;display:grid;position:absolute;top:14px;right:14px}.sf-coupon .cp-close:hover{color:var(--cp-fg);border-color:var(--cp-border-hover)}.sf-coupon .cp-close svg{width:15px;height:15px}.sf-coupon .cp-code{border:1px dashed var(--cp-border-strong);border-radius:var(--cp-r-md);background:var(--cp-bg2);align-items:stretch;display:flex;overflow:hidden}.sf-coupon .cp-code .val{font-family:var(--cp-mono);letter-spacing:.18em;color:var(--cp-fg);word-break:break-all;flex:1;justify-content:center;align-items:center;padding:12px 14px;font-size:15px;font-weight:600;display:flex}.sf-coupon .cp-code .copy{border:none;border-left:1px dashed var(--cp-border-strong);background:var(--cp-surface2);color:var(--cp-fg);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;transition:all .16s;display:flex}.sf-coupon .cp-code .copy:hover{background:var(--cp-accent);color:#fff}.sf-coupon .cp-code .copy.done{background:var(--cp-success);color:#04231a}.sf-coupon .cp-code .copy svg{width:14px;height:14px}.sf-coupon .cp-cta{background:var(--cp-accent);color:#fff;border-radius:var(--cp-r-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:15px;font-weight:700;transition:all .18s;display:flex}.sf-coupon .cp-cta:hover{background:var(--cp-accent-hover)}.sf-coupon .cp-dismiss{color:var(--cp-fg-subtle);cursor:pointer;background:0 0;border:none;margin:12px auto 0;font-size:13px;transition:all .15s;display:block}.sf-coupon .cp-dismiss:hover{color:var(--cp-fg-muted)}.sf-coupon .cp-terms{color:var(--cp-fg-subtle);text-align:center;margin-top:12px;font-size:11px;line-height:1.5}.sf-coupon .cp-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--cp-accent);align-items:center;gap:7px;font-size:10px;font-weight:600;display:inline-flex}.sf-coupon .m-modal{z-index:90;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.sf-coupon .m-modal .card{background:var(--cp-surface);border:1px solid var(--cp-border-strong);border-radius:var(--cp-r-2xl);width:min(400px,100vw - 48px);max-width:100%;box-shadow:var(--cp-elev4);text-align:center;transition:transform .34s var(--cp-spring);padding:34px 30px 26px;position:relative;transform:translateY(16px)scale(.97)}.sf-coupon .m-modal.on .card{transform:none}.sf-coupon .m-modal .gift{border-radius:var(--cp-r-lg);background:var(--cp-surface2);border:1px solid var(--cp-border-hover);place-items:center;width:54px;height:54px;margin:0 auto 18px;display:grid}.sf-coupon .m-modal .gift svg{width:26px;height:26px;color:var(--cp-accent)}.sf-coupon .m-modal h2{letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:12px;font-size:28px;font-weight:700;line-height:1.1}.sf-coupon .m-modal .sub{color:var(--cp-fg-muted);overflow-wrap:anywhere;margin-top:10px;font-size:15px;line-height:1.55}.sf-coupon .m-modal .cp-code{margin:22px 0 16px}.sf-coupon .m-ticket{z-index:90;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.sf-coupon .ticket{background:var(--cp-surface);border:1px solid var(--cp-border-strong);border-radius:var(--cp-r-xl);width:min(560px,100vw - 48px);max-width:100%;min-height:220px;box-shadow:var(--cp-elev4);transition:transform .34s var(--cp-spring);display:flex;position:relative;overflow:hidden;transform:translateY(16px)scale(.97)}.sf-coupon .m-ticket.on .ticket{transform:none}.sf-coupon .ticket .stub{background:var(--cp-accent);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:38%;padding:24px 16px;display:flex;position:relative}.sf-coupon .ticket .stub .big{letter-spacing:-.03em;font-size:46px;font-weight:700;line-height:.9}.sf-coupon .ticket .stub .lbl{letter-spacing:.1em;text-transform:uppercase;opacity:.92;margin-top:6px;font-size:14px;font-weight:600}.sf-coupon .ticket .stub .deco{opacity:.14;mix-blend-mode:overlay;background-image:radial-gradient(#ffffff80 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0}.sf-coupon .ticket .perf{border-left:2px dashed var(--cp-border-strong);position:absolute;top:0;bottom:0;left:38%;transform:translate(-1px)}.sf-coupon .ticket .notch{background:var(--cp-bg);border:1px solid var(--cp-border-strong);border-radius:50%;width:18px;height:18px;position:absolute;left:38%;transform:translate(-50%,-50%)}.sf-coupon .ticket .notch.top{top:0}.sf-coupon .ticket .notch.bot{top:100%}.sf-coupon .ticket .body{flex-direction:column;flex:1;justify-content:center;padding:26px;display:flex}.sf-coupon .ticket .body h2{letter-spacing:-.01em;overflow-wrap:anywhere;margin-top:8px;font-size:22px;font-weight:600;line-height:1.15}.sf-coupon .ticket .body .sub{color:var(--cp-fg-muted);overflow-wrap:anywhere;margin-top:7px;font-size:13px;line-height:1.5}.sf-coupon .ticket .body .cp-code{margin:16px 0 14px}.sf-coupon .ticket .body .exp{color:var(--cp-fg-subtle);font-size:11px}.sf-coupon .m-toast{z-index:90;background:var(--cp-surface);border:1px solid var(--cp-border-strong);border-radius:var(--cp-r-xl);width:340px;max-width:calc(100vw - 44px);box-shadow:var(--cp-elev4);opacity:0;transition:transform .4s var(--cp-spring), opacity .3s;align-items:flex-start;gap:14px;padding:16px;display:flex;position:fixed;bottom:22px;left:22px;transform:translate(-120%)}.sf-coupon .m-toast.on{opacity:1;transform:none}.sf-coupon .m-toast .ico{border-radius:var(--cp-r-md);background:var(--cp-surface2);border:1px solid var(--cp-border-hover);flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.sf-coupon .m-toast .ico svg{width:20px;height:20px;color:var(--cp-accent)}.sf-coupon .m-toast .body{flex:1;min-width:0}.sf-coupon .m-toast .t{overflow-wrap:anywhere;font-size:15px;font-weight:600}.sf-coupon .m-toast .d{color:var(--cp-fg-muted);overflow-wrap:anywhere;margin-top:2px;font-size:13px}.sf-coupon .m-toast .mini{align-items:center;gap:8px;margin-top:11px;display:flex}.sf-coupon .m-toast .mini .v{font-family:var(--cp-mono);letter-spacing:.12em;color:var(--cp-fg);background:var(--cp-bg2);border:1px dashed var(--cp-border-strong);border-radius:var(--cp-r-sm);text-align:center;word-break:break-all;flex:1;padding:6px 10px;font-size:13px;font-weight:600}.sf-coupon .m-toast .mini .copy{color:var(--cp-accent);background:var(--cp-accent-soft);border:1px solid color-mix(in srgb, var(--cp-accent), transparent 70%);border-radius:var(--cp-r-sm);cursor:pointer;white-space:nowrap;padding:7px 12px;font-size:13px;font-weight:600;transition:all .16s}.sf-coupon .m-toast .mini .copy:hover{background:var(--cp-accent);color:#fff}.sf-coupon .m-toast .mini .copy.done{background:var(--cp-success);color:#04231a}.sf-coupon .m-toast .x{width:24px;height:24px;color:var(--cp-fg-subtle);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.sf-coupon .m-toast .x:hover{color:var(--cp-fg)}.sf-coupon .m-toast .x svg{width:14px;height:14px}.sf-coupon .m-bar{z-index:90;background:linear-gradient(0deg, var(--cp-surface), var(--cp-surface2));border-top:1px solid var(--cp-border-strong);transition:transform .4s var(--cp-ease);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -16px 40px -20px #000000b3}.sf-coupon .m-bar.on{transform:none}.sf-coupon .m-bar .row{align-items:center;gap:20px;max-width:1080px;margin:0 auto;padding:14px 24px;display:flex}.sf-coupon .m-bar .tag{border-radius:var(--cp-r-md);background:var(--cp-surface2);border:1px solid var(--cp-border-hover);flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.sf-coupon .m-bar .tag svg{width:18px;height:18px;color:var(--cp-accent)}.sf-coupon .m-bar .txt{flex:1;min-width:0}.sf-coupon .m-bar .txt .t{overflow-wrap:anywhere;font-size:15px;font-weight:600}.sf-coupon .m-bar .txt .d{color:var(--cp-fg-muted);overflow-wrap:anywhere;margin-top:1px;font-size:13px}.sf-coupon .m-bar .cp-code{flex:none;width:230px}.sf-coupon .m-bar .bx{color:var(--cp-fg-subtle);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.sf-coupon .m-bar .bx:hover{color:var(--cp-fg);background:#ffffff0a}.sf-coupon .m-bar .bx svg{width:16px;height:16px}@media (width<=600px){.sf-coupon .ticket{flex-direction:column;min-height:0}.sf-coupon .ticket .perf,.sf-coupon .ticket .notch{display:none}.sf-coupon .ticket .stub{width:100%}.sf-coupon .m-bar .cp-code,.sf-coupon .m-bar .txt .d{display:none}}@media (height<=680px){.sf-coupon .m-modal,.sf-coupon .m-ticket{align-items:start}}@media (prefers-reduced-motion:reduce){.sf-coupon .m-modal .card,.sf-coupon .ticket,.sf-coupon .m-toast,.sf-coupon .m-bar{transition:none}}