.vip-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:24px;gap:24px;padding:0;max-width:100%;margin:0 auto}.vip-card{padding:40px 32px;border-radius:24px;background-color:rgba(255,255,255,.4);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:1px solid rgba(255,255,255,1);box-shadow:0 20px 40px -10px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.02),inset 0 1px 2px rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.8);display:flex;flex-direction:column;position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.vip-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px -10px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.04),inset 0 1px 2px rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.8)}.vip-card:first-child{background:rgba(251,251,253,.5)}.vip-card:first-child:hover{background:rgba(255,255,255,.8);box-shadow:0 20px 40px -10px rgba(134,134,139,.12),0 1px 3px rgba(0,0,0,.02),inset 0 1px 2px rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.8)}.vip-card:nth-child(2){background:rgba(240,247,255,.6)}.vip-card:nth-child(2):hover{background:rgba(255,255,255,.8);box-shadow:0 20px 40px -10px rgba(0,113,227,.12),0 1px 3px rgba(0,0,0,.02),inset 0 1px 2px rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.8)}.vip-card.recommended{background:rgba(255,251,240,.6)}.vip-card.recommended:hover{background:rgba(255,255,255,.8);box-shadow:0 20px 40px -10px rgba(234,179,8,.12),0 1px 3px rgba(0,0,0,.02),inset 0 1px 2px rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.8)}.vip-coupon-badge{position:absolute;top:0;right:0;background:rgba(0,113,227,.1);color:#0071e3;padding:8px 16px;border-bottom-left-radius:20px;border-top-right-radius:24px;font-size:13px;font-weight:600;border:none}.super-coupon{background:rgba(234,179,8,.15);color:#b45309}.vip-title{font-size:20px;font-weight:600;margin-bottom:8px;letter-spacing:-.01em}.vip-price{font-size:32px;font-weight:700;color:#1d1d1f;margin-bottom:24px;letter-spacing:-.02em}.vip-period{font-size:15px;color:#86868b;font-weight:500}.vip-action-btn{width:100%;padding:12px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;border:none;background:#1d1d1f;color:#ffffff;margin-bottom:24px;transition:all .3s ease}.vip-action-btn:hover{background:#333336}.btn-outline{background:#f5f5f7;border:1px solid rgba(0,0,0,.05);color:#1d1d1f;box-shadow:none;transition:all .3s ease}.btn-outline:hover{background:#e8e8ed;border-color:rgba(0,0,0,.08);color:#1d1d1f}.btn-platinum{background:#0071e3;color:#ffffff;border:none}.btn-platinum:hover{background:#0077ed}.vip-card.recommended .vip-action-btn{background:#eab308;color:white;border:none;box-shadow:0 4px 14px rgba(234,179,8,.3);transition:all .3s ease}.vip-card.recommended .vip-action-btn:hover{background:#d97706;box-shadow:0 6px 16px rgba(234,179,8,.4)}.vip-divider{width:100%;height:1px;background:rgba(0,0,0,.06);margin:0 0 24px;box-shadow:0 1px 0 rgba(255,255,255,.8)}.vip-features{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0}.vip-feature-item{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:#515154;line-height:1.5}.feature-icon{color:#10b981;flex-shrink:0;width:16px;height:16px;margin-top:3px}.vip-card:first-child .feature-icon{color:#86868b}.vip-card:nth-child(2) .feature-icon{color:#0071e3}.vip-card.recommended .feature-icon{color:#eab308}.vip-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.mac-window{width:90%;max-width:440px;background:rgba(255,255,255,.85);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-radius:16px;border:1px solid rgba(255,255,255,.6);box-shadow:0 30px 60px rgba(0,0,0,.15),inset 0 0 0 1px rgba(0,0,0,.05);overflow:hidden;animation:scaleUp .3s cubic-bezier(.16,1,.3,1);text-align:left}.mac-window-header{display:flex;align-items:center;justify-content:center;padding:12px 16px;background:rgba(255,255,255,.5);border-bottom:1px solid rgba(0,0,0,.05);position:relative}.mac-window-controls{position:absolute;left:16px;display:flex;gap:8px}.mac-btn{width:12px;height:12px;border-radius:50%;cursor:pointer;border:1px solid rgba(0,0,0,.1);transition:opacity .2s}.mac-btn:hover{opacity:.8}.mac-btn.close{background-color:#ff5f56;border-color:#e0443e}.mac-btn.minimize{background-color:#ffbd2e;border-color:#dea123;cursor:default}.mac-btn.maximize{background-color:#27c93f;border-color:#1aab29;cursor:default}.mac-window-title{font-size:13px;font-weight:600;color:#515154;letter-spacing:.5px}.mac-window.wide-window{max-width:820px}.mac-window-body.wide-body{display:flex;flex-direction:row;padding:0}.mac-window-hero{flex:0 0 320px;padding:56px 40px;text-align:center;background:rgba(255,255,255,.3);display:flex;flex-direction:column;justify-content:center;align-items:center}.mac-window-details-panel{flex:1 1;padding:56px 48px;background:#fbfbfd;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid rgba(0,0,0,.05)}.mac-window-details{background:transparent;border-radius:0;padding:0;margin-bottom:40px;border:none}.mac-window-details h4{font-size:15px;font-weight:600;color:#1d1d1f;margin-bottom:24px;letter-spacing:.02em;margin-top:0}.mac-window-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.mac-window-features.grid-features{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:28px;column-gap:28px;grid-row-gap:18px;row-gap:18px;margin-bottom:28px}.mac-window-features li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:#515154;line-height:1.4}.mac-window-features .feature-icon{width:18px;height:18px;color:#0071e3;flex-shrink:0;margin-top:1px}.bonus-coupon-box{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#fffaf0,#fff);border:1px solid #fce8b2;border-radius:12px;box-shadow:0 4px 12px rgba(245,158,11,.05)}.bonus-coupon-box .coupon-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fef3c7;color:#d97706;border-radius:10px;flex-shrink:0}.bonus-coupon-box .coupon-content{display:flex;flex-direction:column;gap:4px}.bonus-coupon-box .coupon-title{font-size:14px;font-weight:700;color:#92400e}.bonus-coupon-box .coupon-desc{font-size:13px;color:#b45309}.vip-modal-actions.wide-actions{justify-content:flex-end}.vip-modal-actions.wide-actions .vip-modal-btn{flex:0 0 auto;min-width:120px}.vip-modal-content{width:90%;max-width:420px;background:#ffffff;border-radius:24px;padding:40px 32px;text-align:center;box-shadow:0 24px 48px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.04);animation:scaleUp .3s cubic-bezier(.16,1,.3,1)}.vip-modal-icon{width:64px;height:64px;margin:0 auto 24px;background:linear-gradient(135deg,#f5f5f7,#ffffff);border:1px solid rgba(0,0,0,.05);box-shadow:0 8px 16px rgba(0,0,0,.04);color:#1d1d1f;border-radius:20px;display:flex;align-items:center;justify-content:center}.vip-modal-icon.error-icon{background:#fff0f0;color:#ff3b30;border-radius:50%;border:none;box-shadow:none}.vip-modal-title{font-size:22px;font-weight:700;color:#1d1d1f;margin-bottom:12px;letter-spacing:-.02em}.vip-modal-desc{font-size:14px;color:#86868b;line-height:1.5;margin-bottom:28px}.vip-modal-price-tag{display:inline-block;font-size:36px;font-weight:800;letter-spacing:-.03em;background:rgba(0,113,227,.08);padding:10px 28px;border-radius:20px;color:#0071e3;margin-top:10px}.vip-modal-actions{display:flex;gap:16px}.vip-modal-btn{flex:1 1;padding:14px 0;border-radius:980px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.btn-cancel{background:#f5f5f7;color:#1d1d1f}.btn-cancel:hover{background:#e8e8ed}.btn-confirm{background:#0071e3;color:#ffffff}.btn-confirm:hover:not(:disabled){background:#0077ed;transform:scale(.98)}.vip-modal-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:767px){.vip-pricing-grid{grid-template-columns:1fr}.vip-card{padding:32px 24px}.vip-modal-overlay{align-items:flex-end}.mac-window{width:100%;max-width:100%;border-radius:24px 24px 0 0;border:none;border-top:1px solid rgba(255,255,255,.6);margin:0;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.mac-window-controls{display:none}.mac-window-header{background:transparent;border-bottom:none;padding:24px 16px 8px;position:relative}.mac-window-header:before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:36px;height:5px;background:rgba(0,0,0,.15);border-radius:4px}.mac-window-title{font-size:15px;color:#86868b}.mac-window-body.wide-body{flex-direction:column;max-height:80vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.mac-window-body.wide-body::-webkit-scrollbar{display:none}.mac-window-hero{flex:none;padding:16px 24px 24px;background:transparent}.vip-modal-icon{width:56px;height:56px;margin-bottom:16px}.vip-modal-icon svg{width:28px;height:28px}.vip-modal-title{font-size:20px;margin-bottom:8px}.vip-modal-desc{margin-bottom:20px}.vip-modal-price-tag{font-size:28px;padding:8px 24px}.mac-window-details-panel{flex:none;padding:32px 24px;border-left:none;border-top:1px solid rgba(0,0,0,.06);background:#ffffff}.mac-window-details h4{text-align:center;margin-bottom:20px}.mac-window-features.grid-features{grid-template-columns:1fr;row-gap:16px;padding:0 12px}.bonus-coupon-box{margin-top:32px;padding:16px}.vip-modal-actions.wide-actions{flex-direction:column;gap:12px;margin-top:40px}.vip-modal-actions.wide-actions .vip-modal-btn{width:100%;padding:16px 0;font-size:16px}.btn-confirm{order:1}.btn-cancel{order:2;background:#f5f5f7}.vip-modal-content.error-modal{width:100%;max-width:100%;border-radius:24px 24px 0 0;margin:0;padding:32px 24px 40px;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.vip-modal-content.error-modal .vip-modal-actions{flex-direction:column;gap:12px}.vip-modal-content.error-modal .vip-modal-btn{width:100%;padding:16px 0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}