.vpf-overlay{position:fixed;inset:0;background:var(--tl-bg, hsl(220, 10%, 7%));display:flex;align-items:center;justify-content:center;z-index:99999;padding:1rem;overflow-y:auto;font-family:Inter,system-ui,sans-serif}.vpf-overlay:before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(ellipse,rgba(245,158,11,.08) 0%,transparent 70%);pointer-events:none}.vpf-card{position:relative;max-width:520px;width:100%;background:#17191cd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(245,158,11,.25);border-radius:20px;padding:2.5rem 2rem 2rem;text-align:center;box-shadow:0 0 40px #f59e0b1a,0 24px 60px #0009;animation:vpfSlideUp .5s cubic-bezier(.2,.8,.2,1) both}@keyframes vpfSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vpf-icon-wrap{width:80px;height:80px;margin:0 auto 1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b33,#b4530926);border:2px solid rgba(245,158,11,.35);animation:vpfPulse 3s ease-in-out infinite}.vpf-icon-wrap .vpf-icon{font-size:2rem;line-height:1}@keyframes vpfPulse{0%,to{box-shadow:0 0 #f59e0b4d}50%{box-shadow:0 0 24px 4px #f59e0b26}}.vpf-status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:20px;margin-bottom:1rem}.vpf-status-badge .vpf-badge-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:vpfDotBlink 2s ease-in-out infinite}@keyframes vpfDotBlink{0%,to{opacity:1}50%{opacity:.3}}.vpf-status-badge span:last-child{color:#fca5a5;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.vpf-title{font-family:Orbitron,system-ui,sans-serif;font-size:clamp(1.15rem,3vw,1.5rem);font-weight:700;color:#fff;margin:0 0 .75rem;letter-spacing:.02em}.vpf-info-panel{background:#0006;border:1px solid var(--tl-border, hsl(220, 10%, 18%));border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;text-align:left}.vpf-info-panel p{color:var(--tl-text, #d0d3d9);font-size:.88rem;line-height:1.65;margin:0}.vpf-tier-highlight{color:var(--tl-primary, #f7a00f);font-weight:600}.vpf-red{color:#ef4444;font-weight:600}.vpf-actions{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.vpf-btn-retry{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.5rem;background:var(--tl-primary, #f7a00f);color:var(--tl-primary-foreground, #111);font-weight:700;font-size:.95rem;font-family:Inter,system-ui,sans-serif;border-radius:var(--radius, .5rem);border:none;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;width:100%}.vpf-btn-retry:hover:not(:disabled){background:var(--tl-accent, #f9b642);transform:translateY(-2px);box-shadow:0 0 14px 3px #f6bb5573}.vpf-btn-retry:active{transform:translateY(0) scale(.97)}.vpf-btn-retry:disabled{opacity:.6;cursor:wait}.vpf-btn-change{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.5rem;background:#6366f11f;color:#a5b4fc;font-weight:600;font-size:.95rem;font-family:Inter,system-ui,sans-serif;border-radius:var(--radius, .5rem);border:1px solid rgba(99,102,241,.3);cursor:pointer;transition:background .2s,transform .2s,border-color .2s;width:100%}.vpf-btn-change:hover{background:#6366f138;border-color:#6366f180;transform:translateY(-1px)}.vpf-btn-change:active{transform:translateY(0) scale(.98)}.vpf-error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:.6rem .8rem;margin-bottom:1rem}.vpf-error p{color:#fca5a5;font-size:.82rem;margin:0}.vpf-divider{border:none;height:1px;background:var(--tl-border, hsl(220, 10%, 18%));margin:.75rem 0}.vpf-tip{display:flex;align-items:flex-start;gap:.5rem;padding:.7rem .85rem;background:#f59e0b0f;border:1px solid rgba(245,158,11,.15);border-radius:10px;margin-bottom:1.25rem;text-align:left}.vpf-tip .vpf-tip-icon{font-size:.85rem;flex-shrink:0;margin-top:1px}.vpf-tip p{color:var(--tl-text-muted, #838791);font-size:.75rem;line-height:1.55;margin:0}.vpf-bottom-row{display:flex;justify-content:center;gap:.75rem}.vpf-btn-subtle{background:#ffffff0d;border:1px solid var(--tl-border, hsl(220, 10%, 18%));color:var(--tl-text-muted, #838791);padding:.5rem 1.2rem;border-radius:var(--radius, .5rem);font-size:.82rem;font-family:Inter,system-ui,sans-serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s;display:flex;align-items:center;gap:.35rem}.vpf-btn-subtle:hover{background:#ffffff1a;color:var(--tl-text, #d0d3d9);border-color:#fff3}.vpf-account{color:var(--tl-text-muted, #838791);font-size:.75rem;margin-top:1.25rem;margin-bottom:0;opacity:.7}@media(max-width:600px){.vpf-card{padding:2rem 1.25rem 1.5rem;border-radius:16px}.vpf-icon-wrap{width:64px;height:64px}.vpf-icon-wrap .vpf-icon{font-size:1.6rem}.vpf-bottom-row{flex-direction:column;gap:.5rem}}.vpr-page{position:fixed;inset:0;background:var(--tl-bg, hsl(220, 10%, 7%));z-index:99998;overflow-y:auto;font-family:Inter,system-ui,sans-serif}.vpr-container{max-width:860px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.vpr-header{position:relative;text-align:center;padding:2rem 1rem 1.5rem;margin-bottom:1.5rem;background:linear-gradient(180deg,rgba(247,160,15,.06) 0%,transparent 100%);border-bottom:1px solid rgba(247,160,15,.12);border-radius:16px 16px 0 0}.vpr-back-btn{position:absolute;top:1rem;left:.5rem;background:#ffffff0f;border:1px solid var(--tl-border, hsl(220, 10%, 18%));color:var(--tl-text-muted, #838791);padding:.4rem .85rem;border-radius:var(--radius, .5rem);font-size:.82rem;font-family:Inter,system-ui,sans-serif;cursor:pointer;transition:background .2s,color .2s;display:flex;align-items:center;gap:.3rem}.vpr-back-btn:hover{background:#ffffff1f;color:var(--tl-text, #d0d3d9)}.vpr-header h1{font-family:Orbitron,system-ui,sans-serif;font-size:clamp(1.1rem,3vw,1.6rem);font-weight:700;margin:0 0 .35rem;letter-spacing:.03em}.vpr-header h1 .vpr-gradient-text{background:linear-gradient(135deg,var(--tl-primary, #f7a00f) 0%,var(--tl-accent, #f9b642) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vpr-header p{color:var(--tl-text-muted, #838791);font-size:.88rem;margin:0}.vpr-alert{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:12px;margin-bottom:1.5rem;animation:vprFadeIn .4s ease both}@keyframes vprFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vpr-alert-icon{font-size:1.3rem;flex-shrink:0}.vpr-alert-title{color:var(--tl-primary, #f7a00f);font-size:.85rem;font-weight:600;margin:0 0 .15rem}.vpr-alert-desc{color:var(--tl-text-muted, #838791);font-size:.78rem;margin:0;line-height:1.45}.vpr-tier-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-bottom:1.5rem}@media(max-width:700px){.vpr-tier-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:400px){.vpr-tier-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}}.vpr-tier-btn{position:relative;padding:.65rem .4rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;align-items:center;gap:.25rem;font-family:Inter,system-ui,sans-serif}.vpr-tier-btn:hover{background:#ffffff0f;transform:translateY(-2px)}.vpr-tier-btn.active{border-width:2px;background:var(--tier-bg);border-color:var(--tier-color);box-shadow:0 0 16px var(--tier-glow)}.vpr-tier-btn .vpr-tier-tag{position:absolute;top:-7px;right:-4px;padding:1px 5px;border-radius:8px;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;line-height:1.5}.vpr-tier-tag.failed{background:#ef4444;color:#fff}.vpr-tier-tag.popular{background:#6366f1;color:#fff}.vpr-tier-tag.best{background:linear-gradient(135deg,#00e676,#00c853);color:#000}.vpr-tier-img{width:30px;height:30px;object-fit:contain}.vpr-tier-emoji{font-size:1.4rem;line-height:1}.vpr-tier-name{font-size:.72rem;font-weight:600;color:var(--tl-text-muted, #838791);transition:color .2s}.vpr-tier-btn.active .vpr-tier-name{color:var(--tier-color)}.vpr-tier-price{font-size:.68rem;font-weight:500;color:#ffffff59}.vpr-tier-btn.active .vpr-tier-price{color:#ffffffb3}.vpr-tier-price-suffix{font-size:.55rem;opacity:.7}.vpr-details-card{background:#17191cb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--detail-border, var(--tl-border));border-radius:20px;padding:1.5rem;margin-bottom:1rem;animation:vprFadeIn .3s ease both}.vpr-detail-header{display:flex;align-items:center;gap:.85rem;margin-bottom:1.25rem;flex-wrap:wrap}.vpr-detail-img{width:44px;height:44px;object-fit:contain}.vpr-detail-emoji{font-size:2.2rem;line-height:1}.vpr-detail-info{flex:1}.vpr-detail-name{font-family:Orbitron,system-ui,sans-serif;font-size:1.15rem;font-weight:700;margin:0;color:var(--tier-color, #fff)}.vpr-detail-pricing{display:flex;align-items:baseline;gap:.4rem;margin-top:.2rem;flex-wrap:wrap}.vpr-detail-orig-price{color:var(--tl-text-muted, #838791);text-decoration:line-through;font-size:.82rem}.vpr-detail-price{color:#fff;font-size:1.15rem;font-weight:700}.vpr-detail-period{color:var(--tl-text-muted, #838791);font-size:.82rem}.vpr-discount-chip{display:inline-flex;padding:2px 7px;border-radius:8px;font-size:.65rem;font-weight:600;background:var(--tier-bg);color:var(--tier-color)}.vpr-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem}.vpr-benefit-group{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:.75rem}.vpr-benefit-group-title{display:flex;align-items:center;gap:.35rem;color:var(--tier-color, var(--tl-primary));font-size:.75rem;font-weight:600;margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.5px}.vpr-benefit-group-icon{font-size:.8rem}.vpr-benefit-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.vpr-benefit-row:last-child{border-bottom:none}.vpr-benefit-label{color:var(--tl-text-muted, #838791);font-size:.78rem;display:flex;align-items:center;gap:.25rem}.vpr-benefit-info-btn{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:none;background:#ffffff14;color:var(--tl-text-muted, #838791);font-size:.55rem;font-weight:700;cursor:pointer;transition:background .2s}.vpr-benefit-info-btn:hover{background:#ffffff26}.vpr-benefit-value{color:#fff;font-size:.78rem;font-weight:600}.vpr-tooltip{background:#000000e6;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.5rem .65rem;margin-top:.4rem;font-size:.72rem;color:var(--tl-text, #d0d3d9);line-height:1.5;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.vpr-tooltip-close{background:none;border:none;color:var(--tl-text-muted, #838791);cursor:pointer;font-size:.75rem;flex-shrink:0;padding:0}.vpr-action-btn{width:100%;padding:.9rem 1.5rem;border-radius:var(--radius, .5rem);font-size:.95rem;font-weight:700;font-family:Inter,system-ui,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s cubic-bezier(.2,.8,.2,1);margin-bottom:.75rem}.vpr-action-btn.primary{background:var(--tl-primary, #f7a00f);color:var(--tl-primary-foreground, #111);border:none}.vpr-action-btn.primary:hover:not(:disabled){background:var(--tl-accent, #f9b642);transform:translateY(-2px);box-shadow:0 0 14px 3px #f6bb5573}.vpr-action-btn.tier-colored{color:#000;border:none}.vpr-action-btn.tier-colored:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 4px 20px var(--tier-glow)}.vpr-action-btn.demote{background:#64646426;color:var(--tl-text-muted, #838791);border:1px solid rgba(100,100,100,.3)}.vpr-action-btn.demote:hover:not(:disabled){background:#64646440;color:var(--tl-text, #d0d3d9);transform:translateY(-1px)}.vpr-action-btn:disabled{opacity:.6;cursor:wait}.vpr-action-btn:active:not(:disabled){transform:translateY(0) scale(.97)}.vpr-hint{padding:.7rem .85rem;border-radius:10px;margin-bottom:.75rem;text-align:center}.vpr-hint p{font-size:.78rem;margin:0;line-height:1.5}.vpr-hint.amber{background:#f59e0b14;border:1px solid rgba(245,158,11,.18)}.vpr-hint.amber p{color:var(--tl-primary, #f7a00f)}.vpr-hint.red{background:#ef444414;border:1px solid rgba(239,68,68,.18)}.vpr-hint.red p{color:#fca5a5}.vpr-error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:.65rem .85rem;margin-bottom:.75rem;text-align:center}.vpr-error p{color:#fca5a5;font-size:.82rem;margin:0}.vpr-security{display:flex;align-items:center;gap:.65rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.7rem .9rem}.vpr-security-icon{font-size:1.1rem;flex-shrink:0}.vpr-security-title{color:var(--tl-text-muted, #838791);font-size:.72rem;margin:0}.vpr-security-desc{color:#ffffff4d;font-size:.68rem;margin:.1rem 0 0}@media(max-width:600px){.vpr-container{padding:1rem .75rem 2rem}.vpr-header{padding:1.5rem .5rem 1rem}.vpr-details-card{padding:1rem;border-radius:14px}.vpr-benefits-grid{grid-template-columns:1fr}}
