.sub-modal-content{width:100%;max-width:1080px;background:var(--bg-secondary,#111827);border-radius:var(--radius-xl,20px);border:1px solid var(--border-color,hsla(0,0%,100%,.1));box-shadow:0 25px 50px -12px rgba(0,0,0,.6);overflow:hidden;position:relative;max-height:92vh;display:flex;flex-direction:column}.sub-modal-header{padding:1.75rem 2rem 1.25rem;text-align:center;background:linear-gradient(180deg,rgba(59,130,246,.08),transparent);border-bottom:1px solid var(--border-color,hsla(0,0%,100%,.1));flex-shrink:0;position:relative}.sub-modal-header h2{font-size:1.65rem;font-weight:800;margin:0 0 .4rem;color:var(--text-primary,#fff)}.sub-modal-header p{margin:0 auto;font-size:.925rem;color:var(--text-secondary,#94a3b8);max-width:620px;line-height:1.5}.sub-modal-close-btn{position:absolute;top:1rem;right:1rem;z-index:20;background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;color:var(--text-muted,#94a3b8);padding:.4rem;border:1px solid var(--border-color,hsla(0,0%,100%,.1));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.sub-modal-close-btn:hover{background:hsla(0,0%,100%,.15);color:#fff}.sub-desktop-cards{padding:1.5rem 2rem;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.25rem;gap:1.25rem;align-items:stretch;flex:1 1}.sub-mobile-footer,.sub-mobile-view{display:none!important}.sub-desktop-footer{padding:1rem 2rem;background:var(--bg-primary,#0b0f19);border-top:1px solid var(--border-color,hsla(0,0%,100%,.1));display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--text-muted,#94a3b8);flex-shrink:0}@media (max-width:768px){.sub-modal-content{width:95%!important;max-width:440px!important;max-height:94vh!important;padding:0!important;border-radius:16px!important;margin:0 auto}.sub-modal-header{padding:.85rem 1rem .65rem!important}.sub-modal-header .sub-badge-pill{font-size:.72rem!important;padding:.2rem .55rem!important;margin-bottom:.35rem!important}.sub-modal-header h2{font-size:1.15rem!important;line-height:1.35!important;margin-bottom:.25rem!important}.sub-modal-header p{font-size:.78rem!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sub-modal-close-btn{top:.6rem!important;right:.6rem!important;padding:.3rem!important}.sub-desktop-cards,.sub-desktop-footer{display:none!important}.sub-mobile-view{display:flex!important;flex-direction:column;flex:1 1;overflow-y:auto;padding:.65rem .85rem!important;gap:.5rem;-webkit-overflow-scrolling:touch}.sub-mobile-tier-item{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.65rem .85rem;border-radius:12px;background:var(--bg-card,#1e293b);border:1.5px solid var(--border-color,hsla(0,0%,100%,.1));cursor:pointer;transition:all .2s ease;position:relative}.sub-mobile-tier-item.active{background:rgba(16,185,129,.08);border-color:#10b981;box-shadow:0 4px 14px rgba(16,185,129,.2)}.sub-mobile-tier-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-muted,#64748b);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.sub-mobile-tier-item.active .sub-mobile-tier-radio{border-color:#10b981;background:#10b981}.sub-mobile-perks-box{background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:.65rem .8rem;margin-top:.25rem}.sub-mobile-footer{display:flex!important;flex-direction:column;gap:.35rem;padding:.65rem .85rem .75rem!important;background:var(--bg-primary,#0b0f19);border-top:1px solid var(--border-color,hsla(0,0%,100%,.1));flex-shrink:0}}