.ph-membresias{--ph-blue-400:#60a5fa;--ph-blue-500:#3b82f6;--bg:#0a0f1c;--bg-1:#ffffff08;--bg-2:#ffffff0d;--surface-1:#ffffff08;--surface-2:#ffffff0d;--surface-3:#ffffff14;--surface-tint-blue:#60a5fa1a;--fg-1:#f5f7fb;--fg-2:#cdd3e3;--fg-3:#8a93b0;--fg-on-primary:#fff;--stroke-2:#ffffff1a;--stroke-3:#ffffff29;--primary:var(--ph-blue-400);--primary-hover:var(--ph-blue-500);--success:#22c55e;--warn:#f59e0b;--shadow-sm:0 1px 2px #02061766;--shadow-lg:0 12px 40px #00000073;--inner-hairline:inset 0 1px 0 #ffffff0a;--glow-blue:0 0 0 1px #60a5fa40, 0 8px 24px #3b82f659;--radius-lg:18px;--radius-xl:24px;--radius-md:14px;--radius-pill:999px;--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-base:.2s;--dur-fast:.12s;--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--fg-1);font-family:var(--font-sans);background:#0a0f1c}.app-page-content.ph-membresias-page{padding-bottom:0;padding-left:0;padding-right:0}.ph-membresias.res-screen{background:#0a0f1c;min-height:100%}.ph-membresias .res-content{box-sizing:border-box;padding:4px 24px 40px}.ph-membresias .mem-hero.res-hero .hero-media{background:var(--bg);border-radius:0;min-height:0;overflow:visible}.ph-membresias .hero-info{z-index:3;text-align:left;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:stretch;gap:12px;padding:28px 24px 36px;display:flex;position:relative}.ph-membresias .hero-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ph-membresias .hero-name{color:#fff;letter-spacing:.01em;text-transform:uppercase;text-shadow:0 2px 22px #0009;margin:0;font-size:20px;font-weight:800;line-height:1.02}.ph-membresias .club-chip{color:var(--fg-1);letter-spacing:-.01em;align-items:center;gap:8px;font-size:16px;font-weight:700;display:inline-flex}.ph-membresias .club-dot{background:var(--primary);border-radius:999px;flex:none;width:11px;height:11px;box-shadow:0 0 0 4px #60a5fa2e}.ph-membresias .mem-list{flex-direction:column;gap:12px;display:flex}.ph-membresias .mem-card{border-radius:var(--radius-xl);background:linear-gradient(180deg, #ffffff06, #fff0 60%), var(--surface-1);border:1px solid var(--stroke-2);box-shadow:var(--inner-hairline), var(--shadow-sm);padding:20px}.ph-membresias .mem-card.featured{background:linear-gradient(180deg, #60a5fa1a, #0891b20d 100%), var(--surface-1);box-shadow:var(--inner-hairline), 0 0 0 1px #60a5fa2e, 0 10px 30px #2563eb2e;border-color:#60a5fa6b}.ph-membresias .mem-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ph-membresias .mem-name-wrap{align-items:center;gap:12px;display:flex}.ph-membresias .mem-tag{color:#fde68a;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#f59e0b47,#f59e0b24);border:1px solid #f59e0b80;border-radius:999px;align-items:center;gap:4px;padding:4px 12px 4px 8px;font-size:12px;font-weight:700;display:inline-flex}.ph-membresias .mem-tag svg{color:#fbbf24;flex:none}.ph-membresias .mem-tag.violet{color:#ddd6fe;background:linear-gradient(#a78bfa4d,#a78bfa26);border-color:#a78bfa8c}.ph-membresias .mem-tag.violet svg{color:#a78bfa}.ph-membresias .mem-tag.silver{color:#e8edf5;background:linear-gradient(#cbd5e147,#cbd5e121);border-color:#cbd5e180}.ph-membresias .mem-tag.silver svg{color:#cbd5e1}.ph-membresias .mem-flag{color:#bcd6ff;letter-spacing:.02em;white-space:nowrap;background:#60a5fa29;border:1px solid #60a5fa66;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.ph-membresias .mem-flag svg{color:var(--primary)}.ph-membresias .mem-flag.current{color:#fff;background:0 0;border-color:#0000;padding-left:0;padding-right:0}.ph-membresias .mem-flag.current svg{color:#fff}.ph-membresias .mem-price{align-items:baseline;gap:8px;margin:16px 0 4px;display:flex}.ph-membresias .mem-amt{color:var(--fg-1);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.ph-membresias .mem-per{color:var(--fg-3);margin-left:-4px;font-size:14px;font-weight:500}.ph-membresias .mem-bill{color:var(--fg-3);margin-bottom:16px;font-size:12px;font-weight:500}.ph-membresias .mem-renew{border-radius:var(--radius-md);color:#fcd9a0;background:#f59e0b1a;border:1px solid #f59e0b47;align-items:center;gap:8px;margin:0 0 16px;padding:12px;font-size:14px;font-weight:500;display:flex}.ph-membresias .mem-renew svg{color:var(--warn);flex:none}.ph-membresias .mem-renew strong{color:#ffe9c4;font-weight:700}.ph-membresias .mem-feats{flex-direction:column;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:flex}.ph-membresias .mem-feats li{color:var(--fg-2);align-items:flex-start;gap:12px;font-size:14px;line-height:1.35;display:flex}.ph-membresias .feat-check{width:20px;height:20px;color:var(--success);background:#22c55e24;border-radius:999px;flex:none;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.ph-membresias .mem-cta{background:var(--surface-2);width:100%;color:var(--fg-1);border:1px solid var(--stroke-3);cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-sans);transition:background var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out);touch-action:manipulation;border-radius:999px;padding:16px}.ph-membresias .mem-cta:active{transform:scale(.985)}.ph-membresias .mem-cta.primary{background:var(--primary);color:var(--fg-on-primary);box-shadow:var(--glow-blue);border-color:#ffffff1a}.ph-membresias .mem-empty{border-radius:var(--radius-xl);background:var(--surface-1);border:1px solid var(--stroke-2);text-align:center;color:var(--fg-2);padding:32px 20px;font-size:14px;line-height:1.45}.ph-membresias.mempay-layout{background:#0c1426;flex-direction:column;min-height:100%;display:flex}.ph-membresias .pay-body{box-sizing:border-box;flex-direction:column;flex:auto;gap:28px;min-height:0;padding:28px 24px 24px;display:flex}.ph-membresias.ph-membresias-in-overlay .pay-body{overflow:visible}.ph-membresias:not(.ph-membresias-in-overlay) .pay-body{scrollbar-width:none;overflow-y:auto}.ph-membresias:not(.ph-membresias-in-overlay) .pay-body::-webkit-scrollbar{display:none}.ph-membresias .pay-title{color:var(--fg-1);letter-spacing:-.02em;text-align:left;margin:0;font-size:20px;font-weight:700}.ph-membresias .pay-summary{border-radius:var(--radius-lg);background:linear-gradient(180deg, #60a5fa12, #fff0 70%), var(--surface-1);border:1px solid var(--stroke-2);box-shadow:var(--inner-hairline);align-items:flex-start;gap:12px;padding:16px;display:flex}.ph-membresias .pay-summary-info{flex:auto;min-width:0}.ph-membresias .pay-summary-meta{margin-bottom:8px}.ph-membresias .pay-club{color:var(--fg-1);letter-spacing:-.02em;font-size:16px;font-weight:700}.ph-membresias .pay-summary-date{color:var(--fg-3);font-variant-numeric:tabular-nums;margin-top:3px;font-size:14px}.ph-membresias .pay-sec{flex-direction:column;gap:12px;display:flex}.ph-membresias .pay-sec-head{justify-content:space-between;align-items:center;display:flex}.ph-membresias .pay-sec-head-text{flex-direction:column;gap:4px;min-width:0;display:flex}.ph-membresias .pay-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--fg-3);font-size:12px;font-weight:700}.ph-membresias .pay-sec-sub{color:var(--fg-3);text-transform:none;letter-spacing:0;font-size:12px;font-weight:400;line-height:1.4}.ph-membresias .mem-toggle{border-radius:var(--radius-pill);border:1px solid var(--stroke-2);background:#060a14b3;gap:8px;margin:0;padding:4px;display:flex;box-shadow:inset 0 1px 3px #00000073}.ph-membresias .mem-toggle-btn{appearance:none;cursor:pointer;min-width:0;font-family:var(--font-sans);border-radius:var(--radius-pill);color:var(--fg-3);letter-spacing:-.01em;white-space:nowrap;transition:color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:14px;font-weight:700;display:inline-flex}.ph-membresias .mem-toggle-btn.active{color:#fff;box-shadow:0 0 0 1.5px var(--primary), 0 0 18px #60a5fa80, inset 0 1px 0 #ffffff1f;background:linear-gradient(#ffffff12,#ffffff05)}.ph-membresias .mem-pack-field{width:100%;position:relative}.ph-membresias .mem-pack-trigger{box-sizing:border-box;cursor:pointer;border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--stroke-2);width:100%;box-shadow:var(--inner-hairline);color:var(--fg-1);font-family:var(--font-sans);letter-spacing:-.01em;text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:16px;font-weight:700;display:flex}.ph-membresias .mem-pack-field.open .mem-pack-trigger{border-color:var(--primary);box-shadow:var(--glow-blue)}.ph-membresias .mem-pack-current{align-items:center;gap:10px;display:inline-flex}.ph-membresias .mem-pack-chev{color:var(--fg-3);transition:transform var(--dur-base) var(--ease-out);display:inline-flex}.ph-membresias .mem-pack-field.open .mem-pack-chev{transform:rotate(180deg)}.ph-membresias .mem-pack-menu{z-index:20;border-radius:var(--radius-lg);border:1px solid var(--stroke-3);box-shadow:var(--shadow-lg);background:#0c1426;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0}.ph-membresias .mem-pack-opt{box-sizing:border-box;cursor:pointer;text-align:left;border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);color:var(--fg-2);letter-spacing:-.01em;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:16px;font-weight:600;display:flex}.ph-membresias .mem-pack-opt.active{background:var(--surface-tint-blue);color:var(--fg-1)}.ph-membresias .mem-pack-opt-label{align-items:center;gap:10px;display:inline-flex}.ph-membresias .mem-pack-badge{border-radius:var(--radius-pill);color:#6fdc97;letter-spacing:.01em;background:#22c55e1f;border:1px solid #22c55e57;align-items:center;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.ph-membresias .mem-pack-check{color:var(--primary);flex:none;display:inline-flex}.ph-membresias .pay-methods{flex-direction:column;gap:12px;display:flex}.ph-membresias .pay-method{border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--stroke-2);cursor:pointer;text-align:left;font-family:var(--font-sans);width:100%;color:inherit;transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);align-items:center;gap:12px;padding:16px;display:flex}.ph-membresias .pay-method:disabled{opacity:.38;cursor:not-allowed}.ph-membresias .pay-method.active{background:#60a5fa14;border-color:#60a5fa99;box-shadow:0 0 0 1px #60a5fa40}.ph-membresias .pay-method-ic{width:44px;height:44px;color:var(--primary);background:#60a5fa1f;border:1px solid #60a5fa33;border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.ph-membresias .pay-method.active .pay-method-ic{background:var(--primary);color:#fff;border-color:#0000}.ph-membresias .pay-method-text{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.ph-membresias .pay-method-title{color:var(--fg-1);letter-spacing:-.01em;font-size:16px;font-weight:700}.ph-membresias .pay-method-sub{color:var(--fg-3);font-size:12px;line-height:1.35}.ph-membresias .pay-radio{border:2px solid var(--stroke-3);width:22px;height:22px;transition:border-color var(--dur-base) var(--ease-out);border-radius:999px;flex:none;position:relative}.ph-membresias .pay-method.active .pay-radio{border-color:var(--primary)}.ph-membresias .pay-method.active .pay-radio:after{content:"";background:var(--primary);border-radius:999px;position:absolute;inset:3px}.ph-membresias .pay-transfer-detail{border-radius:var(--radius-lg);background:#60a5fa0f;border:1px solid #60a5fa38;flex-direction:column;gap:8px;margin:-2px 4px 2px;padding:16px;display:flex}.ph-membresias .pay-transfer-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ph-membresias .pay-transfer-k{color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em;flex:none;font-size:12px;font-weight:600}.ph-membresias .pay-transfer-v{color:var(--fg-1);font-variant-numeric:tabular-nums;text-align:right;word-break:break-all;font-size:14px;font-weight:600}.ph-membresias .pay-transfer-note{color:var(--fg-3);margin:4px 0 0;font-size:12px;line-height:1.4}.ph-membresias .pay-upload{cursor:pointer;display:block}.ph-membresias .pay-upload-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ph-membresias .pay-upload-empty,.ph-membresias .pay-upload-filled{border-radius:var(--radius-lg);border:1.5px dashed var(--stroke-3);background:var(--bg-1);transition:border-color .15s var(--ease-out), background .15s var(--ease-out);align-items:center;gap:16px;padding:24px 20px;display:flex}.ph-membresias .pay-upload:hover .pay-upload-empty{border-color:var(--primary)}.ph-membresias .pay-upload-filled{background:#22c55e0f;border-style:solid;border-color:#22c55e66}.ph-membresias .pay-upload-ic{background:var(--bg-2);width:46px;height:46px;color:var(--fg-2);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.ph-membresias .pay-upload-ic.done{background:var(--success);color:#fff}.ph-membresias .pay-upload-text{flex-direction:column;gap:3px;min-width:0;display:flex}.ph-membresias .pay-upload-title{color:var(--fg-1);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.ph-membresias .pay-upload-sub{color:var(--fg-3);font-size:12px}.ph-membresias .pay-footer{padding:16px 24px calc(20px + var(--safe-bottom));border-top:1px solid var(--stroke-2);background:#0a1120;flex:none}.ph-membresias.ph-membresias-in-overlay.mempay-layout .pay-footer{z-index:2;position:sticky;bottom:0}.ph-membresias .pay-total{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ph-membresias .pay-total-label{color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em;flex-direction:column;gap:2px;font-size:14px;font-weight:600;display:flex}.ph-membresias .pay-total-sub{letter-spacing:.02em;text-transform:none;color:var(--fg-3);font-size:12px;font-weight:500}.ph-membresias .pay-total-amt{color:var(--fg-1);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.ph-membresias .pay-confirm{box-sizing:border-box;border-radius:var(--radius-pill);background:var(--primary);width:100%;color:var(--fg-on-primary);cursor:pointer;font-size:16px;font-weight:700;font-family:var(--font-sans);letter-spacing:-.01em;box-shadow:var(--glow-blue);touch-action:manipulation;transition:background var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:8px;padding:16px;display:inline-flex}.ph-membresias .pay-confirm:disabled{opacity:.5;cursor:not-allowed}.ph-membresias .pay-footnote{color:var(--fg-3);text-align:center;margin:12px 0 0;font-size:12px;line-height:1.4}