.cat-shell{min-height:100vh;background:var(--bg, #f8f9fa);padding:0 0 64px}.cat-header{padding:32px 24px 20px;max-width:1100px;margin:0 auto}.cat-title{font-size:24px;font-weight:700;margin:0 0 16px;color:var(--fg, #1a1a2e)}.cat-filters{display:flex;flex-wrap:wrap;gap:8px}.cat-filter-btn{padding:6px 14px;border-radius:99px;border:1.5px solid var(--border, #dee2e6);background:#fff;font-size:13px;cursor:pointer;color:var(--fg-muted, #6c757d);transition:all .15s}.cat-filter-btn.active,.cat-filter-btn:hover{border-color:var(--color-garnet, #9b1c1c);color:var(--color-garnet, #9b1c1c);background:#fff0f0}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;max-width:1100px;margin:0 auto;padding:0 24px}.cat-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000014;cursor:pointer;transition:transform .15s,box-shadow .15s}.cat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.cat-card-img{position:relative;aspect-ratio:1;overflow:hidden;background:#f1f3f5}.cat-card-img img{width:100%;height:100%;object-fit:cover}.cat-agotado-badge{position:absolute;top:8px;left:8px;background:#0009;color:#fff;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600}.cat-card-body{padding:12px 14px 14px}.cat-cat-chip{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--fg-muted, #6c757d)}.cat-card-name{font-size:15px;font-weight:600;margin:4px 0 6px;line-height:1.3}.cat-card-price{font-size:16px;font-weight:700;color:var(--color-garnet, #9b1c1c);margin:0}.cat-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px}.cat-modal{background:#fff;border-radius:16px;width:min(860px,100%);max-height:90vh;overflow-y:auto;position:relative}.cat-modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid var(--border, #dee2e6);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}.cat-modal-inner{display:grid;grid-template-columns:1fr 1fr;min-height:400px}@media(max-width:600px){.cat-modal-inner{grid-template-columns:1fr}}.cat-gallery{display:flex;flex-direction:column;gap:8px;padding:20px}.cat-gallery-main{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f1f3f5}.cat-gallery-main img{width:100%;height:100%;object-fit:cover}.cat-gallery-thumbs{display:flex;gap:6px;flex-wrap:wrap}.cat-gallery-thumbs img{width:52px;height:52px;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid transparent;opacity:.7}.cat-gallery-thumbs img.active{border-color:var(--color-garnet, #9b1c1c);opacity:1}.cat-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#ced4da}.cat-no-img.sm{font-size:32px}.cat-modal-info{padding:20px 24px 24px 12px;display:flex;flex-direction:column;gap:12px}.cat-cat-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--fg-muted, #6c757d);font-weight:600}.cat-product-name{font-size:22px;font-weight:700;margin:0;line-height:1.25}.cat-price{font-size:26px;font-weight:800;color:var(--color-garnet, #9b1c1c);margin:0}.cat-description{font-size:14px;line-height:1.6;color:var(--fg-muted, #6c757d);margin:0;white-space:pre-wrap}.cat-variant-section{display:flex;flex-direction:column;gap:8px}.cat-variant-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted, #6c757d)}.cat-variant-chips{display:flex;flex-wrap:wrap;gap:6px}.cat-chip{padding:6px 14px;border:1.5px solid var(--border, #dee2e6);border-radius:6px;background:#fff;cursor:pointer;font-size:13px;font-weight:500}.cat-chip.active{border-color:var(--color-garnet, #9b1c1c);background:#fff0f0;color:var(--color-garnet, #9b1c1c)}.cat-chip.out-of-stock{opacity:.45;cursor:not-allowed}.cat-agotado{color:var(--fg-muted, #6c757d)}.cat-btn-add{margin-top:auto;padding:12px 24px;background:var(--color-garnet, #9b1c1c);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s}.cat-btn-add:hover{opacity:.9}.cat-btn-add:disabled{background:var(--fg-muted, #6c757d);cursor:not-allowed}.cat-loading,.cat-error,.cat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 24px;color:var(--fg-muted, #6c757d);font-size:16px;text-align:center}.cat-loading i,.cat-error i,.cat-empty i{font-size:40px}.cat-error i{color:var(--danger, #e03131)}.spin{animation:cat-spin 1s linear infinite}@keyframes cat-spin{to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--fg-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pf-shell{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px 80px}.pf-card{width:100%;max-width:600px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:20px;box-shadow:var(--shadow-md)}.field{display:block;position:relative}.field-label{display:block;font:500 13px var(--font-sans);color:var(--color-gray-700);margin-bottom:6px}.field input:not([type=radio]):not([type=checkbox]),.field select,.field textarea{width:100%;height:44px;padding:0 12px;border:1px solid var(--border-strong);border-radius:10px;background:#fff;font:400 14px var(--font-sans);color:var(--fg-strong);transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out)}.field textarea{height:auto;padding:10px 12px;min-height:96px;line-height:1.5;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--fg-subtle)}.field input:not([type=radio]):not([type=checkbox]):focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-rose);box-shadow:var(--shadow-focus)}.help-text{display:block;font-size:12px;color:var(--color-gray-400);margin-top:6px}.form-error{background:var(--color-error-soft);color:var(--color-error-ink);border:1px solid var(--color-error);border-radius:10px;padding:10px 12px;font:500 13px var(--font-sans);display:flex;gap:8px;align-items:center;margin-bottom:14px}.empty{padding:60px 24px;text-align:center;color:var(--fg-muted);font:400 14px var(--font-sans)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 14px/1 var(--font-sans);padding:12px 18px;border-radius:12px;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s var(--ease-out)}.btn.primary{background:var(--pf-accent, var(--color-rose));color:var(--pf-on-accent, #fff);box-shadow:var(--shadow-rose)}.btn.primary:hover{background:var(--pf-accent-600, var(--color-rose-600))}.btn.secondary{background:#fff;color:var(--color-garnet);border-color:var(--border-strong)}.btn.secondary:hover{background:var(--color-rose-50);border-color:var(--color-rose-light)}.btn.sm{padding:8px 12px;font-size:13px;border-radius:8px}.pf-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 14px/1 var(--font-sans);padding:14px 18px;border-radius:12px;border:1px solid transparent;background:var(--color-rose);color:#fff;box-shadow:var(--shadow-rose);cursor:pointer;transition:all .15s var(--ease-out)}.pf-button:hover{background:var(--color-rose-600)}.btn:disabled,.btn[aria-disabled=true],.pf-button:disabled,.pf-button[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none;filter:grayscale(.4)}.btn.primary:disabled:hover,.pf-button:disabled:hover{background:var(--color-rose)}.pf-wrap{width:100%;max-width:600px;background:#fff;border:1px solid var(--border-default);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden}.pf-header{background:var(--pf-brand, var(--color-garnet));color:var(--pf-on-brand, #fff);padding:24px 28px 18px;position:relative}.pf-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pf-header-left{display:flex;align-items:center;gap:14px;min-width:0}.pf-header-titles{min-width:0}.pf-header-logo{width:52px;height:52px;flex-shrink:0;background:#fff;border-radius:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000038;overflow:hidden}.pf-header-logo img{width:100%;height:100%;object-fit:contain;padding:7px}.pf-club-name{font:600 18px var(--font-sans);color:var(--pf-on-brand, #fff);letter-spacing:-.01em}.pf-form-name{font:400 13px var(--font-sans);color:var(--pf-on-brand-dim, rgba(255, 255, 255, .7));margin-top:4px}.pf-season-chip{display:inline-flex;align-items:center;gap:6px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#ffffffeb;padding:6px 12px;border-radius:999px;font:600 12px var(--font-sans);letter-spacing:.04em;flex-shrink:0}.pf-season-chip i{font-size:14px;color:var(--color-rose-light)}.pf-progress{height:4px;background:#ffffff2e;border-radius:999px;overflow:hidden;margin:18px 0 14px}.pf-progress-bar{height:100%;background:var(--pf-accent, var(--color-rose));transition:width .3s var(--ease-out)}.pf-steps{display:flex;gap:8px;justify-content:space-between}.pf-step{display:flex;align-items:center;gap:8px;font:500 12px var(--font-sans);color:var(--pf-on-brand-dim, rgba(255, 255, 255, .55));min-width:0}.pf-step-dot{width:22px;height:22px;border-radius:50%;background:#ffffff1a;color:#fff9;display:inline-flex;align-items:center;justify-content:center;font:600 11px var(--font-sans);flex-shrink:0}.pf-step.active{color:var(--pf-on-brand, #fff)}.pf-step.active .pf-step-dot{background:var(--pf-accent, var(--color-rose));color:var(--pf-on-accent, #fff)}.pf-step.done{color:var(--pf-on-brand-dim, rgba(255, 255, 255, .85))}.pf-step.done .pf-step-dot{background:var(--pf-accent, var(--color-rose));color:var(--pf-on-accent, #fff)}.pf-step-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-poster{position:relative;border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,var(--pf-band-a, var(--color-rose-50)) 0 16px,var(--pf-band-b, #fbeef2) 16px 32px);padding:18px}.pf-poster img{display:block;max-width:100%;max-height:340px;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 6px 22px #5b0d2224}.pf-main{padding:28px 28px 24px}.pf-step-body{display:grid;gap:14px}.pf-step-body h2{font:600 22px var(--font-sans);color:var(--color-garnet);margin:0 0 4px;letter-spacing:-.02em}.pf-step-body .pf-sub{color:var(--fg-muted);font-size:14px;margin:0 0 14px}.pf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:480px){.pf-grid-2{grid-template-columns:1fr}}.pf-actions{display:flex;align-items:center;gap:10px;margin-top:22px}.field>label{display:block;font:500 13px var(--font-sans);color:var(--color-gray-700);margin-bottom:6px}.pf-field-hint{font:500 11px var(--font-sans);margin-top:4px;display:flex;align-items:center;gap:4px}.pf-field-hint.ok{color:var(--color-success-ink)}.pf-field-hint.muted{color:var(--fg-muted);font-weight:400}.pf-field-hint.err{color:var(--color-error-ink);font-weight:500}.pf-footer{background:var(--color-gray-50);padding:14px 28px;border-top:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.pf-footer-security{font:400 12px var(--font-sans);color:var(--fg-muted);display:flex;align-items:center;gap:6px}.pf-footer-security i{color:var(--color-success);font-size:16px}.pf-footer-powered{display:flex;align-items:center;gap:6px;font:500 11px var(--font-sans);color:var(--fg-muted);letter-spacing:.02em}.pf-footer-powered b{color:var(--color-garnet);font-weight:600}.pf-footer-powered .apos{color:var(--color-rose)}@media(max-width:560px){.pf-footer{flex-wrap:nowrap;gap:10px;padding:12px 16px}.pf-footer-security,.pf-footer-powered{min-width:0}.pf-footer .marquee-text{flex-shrink:1;min-width:0}.pf-footer-powered b,.pf-footer .clyb-ls{flex-shrink:0}}.pf-check{display:flex;align-items:flex-start;gap:10px;font:400 13px/1.45 var(--font-sans);color:var(--fg-default);padding:8px 0;cursor:pointer}.pf-check input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1.5px solid var(--border-strong);border-radius:6px;background:#fff;cursor:pointer;flex-shrink:0;margin:1px 0 0;position:relative;transition:all .15s var(--ease-out)}.pf-check input[type=checkbox]:hover{border-color:var(--color-rose-light)}.pf-check input[type=checkbox]:checked{background:var(--color-rose);border-color:var(--color-rose)}.pf-check input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.pf-check b{color:var(--color-garnet);font-weight:600}.pf-qs{display:grid;gap:12px}.pf-q{border:1px solid var(--border-default);border-radius:14px;background:#fff;padding:14px 16px 16px;transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out)}.pf-q:focus-within{border-color:var(--color-rose-light);box-shadow:0 2px 10px #0000000d}.pf-q-head{display:flex;align-items:flex-start;gap:10px}.pf-q-num{flex:0 0 auto;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--color-rose-50);color:var(--color-garnet);font:600 11px/1 var(--font-sans);font-variant-numeric:tabular-nums;margin-top:1px}.pf-q-label{font:600 14px/1.45 var(--font-sans);color:var(--fg-strong)}.pf-q-label .req{color:var(--color-rose)}.pf-q-mode{margin:4px 0 0 32px;font:400 12px/1.4 var(--font-sans);color:var(--fg-muted)}.pf-q-hint{margin-top:8px;font:400 12px/1.4 var(--font-sans);color:var(--fg-muted)}.pf-q-control{margin-top:12px}.pf-q-opts{display:grid;gap:8px;margin-top:12px}.pf-q-opts.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.pf-q-opt{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1.5px solid var(--border-strong);border-radius:10px;background:#fff;font:400 13px/1.4 var(--font-sans);color:var(--fg-default);cursor:pointer;transition:border-color .15s var(--ease-out),background .15s var(--ease-out)}.pf-q-opt:hover{border-color:var(--color-rose-light);background:var(--color-rose-50)}.pf-q-opt.on{border-color:var(--color-rose);background:var(--color-rose-50)}.pf-q-opt input{accent-color:var(--color-rose);width:16px;height:16px;flex:0 0 auto;margin:0}.pf-q-confirm{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.pf-q-confirm input{accent-color:var(--color-rose);width:17px;height:17px;flex:0 0 auto;margin:2px 0 0}.pf-q-confirm .pf-q-label{font-weight:500}.pf-pay-options{display:grid;gap:10px}.pf-pay-opt{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--border-strong);border-radius:12px;cursor:pointer;transition:all .15s var(--ease-out)}.pf-pay-opt:hover{border-color:var(--color-rose-light);background:var(--color-rose-50)}.pf-pay-opt.active{border-color:var(--color-rose);background:var(--color-rose-50)}.pf-pay-opt input[type=radio]{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.pf-pay-opt .icon{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;color:var(--color-rose);font-size:22px;flex-shrink:0}.pf-pay-opt.active .icon{border-color:var(--color-rose-light)}.pf-pay-opt .text{flex:1;min-width:0}.pf-pay-opt .text .t{display:block;font:600 15px var(--font-sans);color:var(--fg-strong)}.pf-pay-opt .text .s{display:block;font:400 13px var(--font-sans);color:var(--fg-muted);margin-top:2px}.pf-pay-opt .radio-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s var(--ease-out)}.pf-pay-opt.active .radio-dot{border-color:var(--color-rose)}.pf-pay-opt .radio-dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--color-rose);transform:scale(0);transition:transform .15s var(--ease-out)}.pf-pay-opt.active .radio-dot:after{transform:scale(1)}.pf-landing-hero{background:var(--pf-brand, var(--color-garnet));padding:32px 28px;position:relative;color:var(--pf-on-brand, #fff);overflow:hidden}.pf-landing-hero:after{content:"";position:absolute;right:-80px;bottom:-80px;width:200px;height:200px;background:radial-gradient(circle,color-mix(in srgb,var(--pf-accent, #ff4d8d) 35%,transparent) 0%,transparent 70%);pointer-events:none}.pf-landing-hero .logo-row{display:flex;align-items:center;gap:12px;margin-bottom:22px}.pf-landing-hero .logo-mark{width:48px;height:48px;border-radius:12px;background:var(--pf-accent, var(--color-rose));color:var(--pf-on-accent, #fff);display:inline-flex;align-items:center;justify-content:center;font:700 18px var(--font-sans);overflow:hidden;flex-shrink:0}.pf-landing-hero .logo-mark.has-logo{background:#fff;box-shadow:0 2px 10px #00000038}.pf-landing-hero .logo-mark img{width:100%;height:100%;object-fit:contain;padding:6px}.pf-landing-hero h1{font:600 26px var(--font-sans);color:var(--pf-on-brand, #fff);margin:0 0 6px;letter-spacing:-.01em}.pf-landing-hero p{font:400 14px var(--font-sans);color:var(--pf-on-brand-dim, rgba(255, 255, 255, .78));margin:0}.pf-form-card{display:grid;grid-template-columns:44px 1fr auto;gap:14px;padding:16px 18px;border:1px solid var(--border-default);border-radius:14px;background:#fff;align-items:center;cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);transition:all .15s var(--ease-out)}.pf-form-card:hover{border-color:var(--color-rose-light);background:var(--color-rose-50)}.pf-form-card.disabled{opacity:.6;cursor:default}.pf-form-card.disabled:hover{border-color:var(--border-default);background:#fff}.pf-form-card .ic{width:44px;height:44px;border-radius:12px;background:var(--color-rose-50);color:var(--color-rose);display:inline-flex;align-items:center;justify-content:center;font-size:22px}.pf-form-card .nm{font:600 15px var(--font-sans);color:var(--color-garnet)}.pf-form-card .meta{font:400 12px var(--font-sans);color:var(--fg-muted);margin-top:2px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pf-form-card .meta .dotsep{width:3px;height:3px;background:var(--color-gray-300);border-radius:50%}.pf-form-card .cta{font:600 12px var(--font-sans);color:var(--color-rose);display:inline-flex;align-items:center;gap:4px}.pf-intro-block{background:var(--bg-app);border-radius:14px;padding:16px 18px}.pf-intro-block .hd{font:600 12px var(--font-sans);color:var(--color-garnet);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.pf-intro-block .lst{display:grid;gap:8px;font:400 13px var(--font-sans);color:var(--fg-default)}.pf-intro-block .lst>div{display:flex;gap:10px;align-items:flex-start}.pf-intro-block .lst i{color:var(--color-rose);margin-top:2px}.pf-doc-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;padding:14px;background:#fff;border:1px solid var(--border-default);border-radius:12px;align-items:center}.pf-doc-row.uploaded{border-color:var(--color-success);background:var(--color-success-soft)}.pf-doc-row.error{border-color:var(--color-error);background:var(--color-error-soft)}.pf-doc-row.pending{border-style:dashed;background:var(--bg-app)}.pf-doc-row .doc-ic{width:40px;height:40px;border-radius:10px;background:var(--bg-app);color:var(--color-rose);display:inline-flex;align-items:center;justify-content:center;font-size:18px}.pf-doc-row.uploaded .doc-ic{background:#fff;color:var(--color-success-ink)}.pf-doc-row.error .doc-ic{background:#fff;color:var(--color-error-ink)}.pf-doc-row .nm{font:600 13px var(--font-sans);color:var(--fg-strong)}.pf-doc-row .sub{font:400 11px var(--font-sans);color:var(--fg-muted);margin-top:2px}.pf-doc-row.uploaded .sub{color:var(--color-success-ink)}.pf-doc-row.error .sub{color:var(--color-error-ink)}.pf-doc-row .right{display:flex;gap:4px}.pf-doc-row .iconbtn{width:30px;height:30px;background:transparent;border:0;border-radius:8px;cursor:pointer;color:var(--fg-muted);font-size:16px}.pf-doc-row .iconbtn.del:hover{background:var(--color-error-soft);color:var(--color-error-ink)}.pf-progress-line{margin-top:8px;height:4px;background:var(--bg-app);border-radius:2px;overflow:hidden}.pf-progress-line .fill{height:100%;background:var(--color-rose);transition:width .2s var(--ease-out)}.pf-consent{border:1px solid var(--border-default);border-radius:12px;padding:16px;background:#fff}.pf-consent+.pf-consent{margin-top:10px}.pf-consent.required{border-left:3px solid var(--color-rose)}.pf-consent .nm{font:600 14px var(--font-sans);color:var(--color-garnet);margin-bottom:4px}.pf-consent .desc{font:400 12px var(--font-sans);color:var(--fg-muted);margin-bottom:10px;line-height:1.5}.pf-consent .pf-check{padding:6px 0}.pf-consent .pill{display:inline-block;font:600 9px var(--font-sans);text-transform:uppercase;letter-spacing:.05em;background:var(--color-rose-50);color:var(--color-rose-700);padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:2px}.pf-consent .pill.optional{background:var(--bg-app);color:var(--fg-muted);border:1px solid var(--border-default)}.pf-consent .expand{font:500 12px var(--font-sans);color:var(--color-rose-700);display:inline-flex;align-items:center;gap:4px;margin-top:6px;cursor:pointer}.pf-pay-summary{background:linear-gradient(135deg,var(--pf-brand, var(--color-garnet)) 0%,color-mix(in srgb,var(--pf-brand, var(--color-garnet)) 78%,#000) 100%);color:var(--pf-on-brand, #fff);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden}.pf-pay-summary:after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;background:radial-gradient(circle,color-mix(in srgb,var(--pf-on-brand, #fff) 22%,transparent) 0%,transparent 70%)}.pf-pay-summary .lbl{font:500 11px var(--font-sans);color:var(--pf-on-brand-dim, #ffc1d6);text-transform:uppercase;letter-spacing:.08em}.pf-pay-summary .amount{font:600 32px var(--font-sans);margin-top:2px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.pf-pay-summary .meta{font:400 12px var(--font-sans);color:var(--pf-on-brand-dim, rgba(255, 255, 255, .78));margin-top:4px}.pf-pay-summary .line{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--pf-on-brand, #fff) 15%,transparent);font:500 13px var(--font-sans);color:var(--pf-on-brand, #fff)}.pf-pay-method-banner{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--color-rose-light);background:var(--color-rose-50);border-radius:14px}.pf-pay-method-banner .icon{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--color-rose-light);display:inline-flex;align-items:center;justify-content:center;font-size:22px;color:var(--color-rose);flex-shrink:0}.pf-pay-method-banner .text{flex:1;min-width:0}.pf-pay-method-banner .text .t{font:600 15px var(--font-sans);color:var(--fg-strong)}.pf-pay-method-banner .text .s{font:400 13px var(--font-sans);color:var(--fg-muted);margin-top:2px}.pf-stripe-tag{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:6px 12px;background:#635bff;color:#fff;border-radius:999px;font:600 12px var(--font-sans)}.pf-stripe-tag i{font-size:15px}.pf-stripe-element{border:1px solid var(--border-strong);border-radius:10px;padding:14px;background:#fff}.pf-secure-row{display:flex;gap:14px;flex-wrap:wrap;font:500 11px var(--font-sans);color:var(--fg-muted);align-items:center;margin-top:10px}.pf-secure-row span{display:inline-flex;align-items:center;gap:4px}.pf-secure-row i{color:var(--color-success)}.pf-success{text-align:center;padding-top:12px}.pf-success-icon{width:72px;height:72px;border-radius:50%;background:var(--color-rose-light);color:var(--color-garnet);display:inline-flex;align-items:center;justify-content:center;font-size:40px;margin:10px 0 12px}.pf-success h2{font:600 24px var(--font-sans);color:var(--color-garnet);margin:0 0 6px}.pf-success p{color:var(--fg-muted);margin:0 0 22px}.pf-next{display:grid;gap:8px;text-align:left;background:var(--color-gray-50);border-radius:12px;padding:14px}.pf-next>div{display:flex;align-items:center;gap:10px;font:500 14px var(--font-sans);color:var(--fg-default)}.pf-next>div i{width:32px;height:32px;border-radius:10px;background:var(--color-rose-50);color:var(--color-rose);font-size:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pf-next b{color:var(--color-garnet)}.pf-token-display{font:500 13px var(--font-mono);background:var(--bg-app);padding:12px 14px;border-radius:10px;border:1px solid var(--border-default);display:flex;align-items:center;gap:10px;color:var(--color-garnet)}.pf-token-display .copy{margin-left:auto;background:#fff;border:1px solid var(--border-default);padding:4px 10px;border-radius:6px;font:600 11px var(--font-sans);color:var(--color-rose-700);cursor:pointer}.pf-status-card{padding:24px 22px;border-radius:16px;background:linear-gradient(135deg,var(--color-warning-soft) 0%,#fff 80%);border:1px solid #f5d28a;margin-bottom:16px}.pf-status-card.approved{background:linear-gradient(135deg,var(--color-success-soft) 0%,#fff 80%);border-color:#b5e9c5}.pf-status-card.rejected{background:linear-gradient(135deg,var(--color-error-soft) 0%,#fff 80%);border-color:#fcccc7}.pf-status-card .ic{width:56px;height:56px;border-radius:16px;background:var(--color-warning);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:14px}.pf-status-card.approved .ic{background:var(--color-success)}.pf-status-card.rejected .ic{background:var(--color-error)}.pf-status-card h2{margin:0 0 6px;font:600 22px var(--font-sans);color:var(--color-warning-ink);letter-spacing:-.01em}.pf-status-card.approved h2{color:var(--color-success-ink)}.pf-status-card.rejected h2{color:var(--color-error-ink)}.pf-status-card p{font:400 13px/1.55 var(--font-sans);color:var(--fg-default);margin:0}.pf-closed-illus{background:linear-gradient(135deg,var(--color-rose-50) 0%,#fff 100%);padding:36px 24px;text-align:center}.pf-closed-illus .ic{width:72px;height:72px;border-radius:50%;background:#fff;color:var(--color-rose);display:inline-flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:14px;border:1px solid var(--border-default)}.pf-closed-illus h2{font:600 22px var(--font-sans);color:var(--color-garnet);margin:0 0 8px}.pf-closed-illus p{font:400 14px var(--font-sans);color:var(--fg-muted);margin:0}.pf-countdown{width:140px;height:140px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative}.pf-countdown .inner{width:124px;height:124px;border-radius:50%;background:#fff;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.pf-countdown .time{font:600 32px var(--font-sans);color:var(--color-garnet);font-variant-numeric:tabular-nums}.pf-countdown .cap{font:400 11px var(--font-sans);color:var(--fg-muted)}.pf-spin{animation:pf-spin .8s linear infinite;display:inline-block}@keyframes pf-spin{to{transform:rotate(360deg)}}