.vsp-page{font-family:var(--font-firago),system-ui,sans-serif;color:#111827;background:#f8f9fb;min-height:100vh}.vsp-hero{background:linear-gradient(135deg,#0f0c29 0%,#302b63 55%,#1a1060 100%);padding:3.5rem 0 4rem;position:relative;overflow:hidden}.vsp-hero:before{content:"";pointer-events:none;background:radial-gradient(at 70%,#e9c66a24 0%,#0000 65%);position:absolute;top:0;bottom:0;left:0;right:0}.vsp-hero-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3rem;display:flex}.vsp-back{color:#ffffff8c;margin-bottom:1.5rem;font-size:.85rem;text-decoration:none;transition:color .15s;display:inline-block}.vsp-back:hover{color:#fff}.vsp-hero-text{color:#fff;flex:1;min-width:260px}.vsp-hero-title{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.15}.vsp-hero-subtitle{color:#ffffffb8;max-width:440px;margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.vsp-hero-badges{flex-wrap:wrap;gap:.5rem;display:flex}.vsp-badge{color:#ffffffe0;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff38;border-radius:100px;padding:.3rem .8rem;font-size:.8rem}.vsp-badge--highlight{color:#f0d894;background:#e9c66a2e;border-color:#e9c66a80;font-weight:600}.vsp-preview-card{flex-shrink:0;position:relative}.vsp-card-inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;color:#fff;background:linear-gradient(145deg,#ffffff1f 0%,#ffffff0a 100%);border:1px solid #ffffff2e;border-radius:22px;width:280px;padding:1.75rem 1.5rem 1.5rem;transition:transform .3s;position:relative;transform:rotate(3deg);box-shadow:0 20px 60px #00000059,inset 0 1px #ffffff26}.vsp-card-inner:before{content:"";background:linear-gradient(90deg,#0000 0%,#e9c66ae6 50%,#0000 100%);border-radius:22px 22px 0 0;height:3px;position:absolute;top:0;bottom:auto;left:0;right:0}.vsp-preview-card:hover .vsp-card-inner{transform:rotate(1deg)translateY(-4px)}.vsp-card-dreamcatcher{color:#e9c66a;opacity:.18;z-index:0;pointer-events:none;width:96px;height:175px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.vsp-card-top,.vsp-card-amount,.vsp-card-bottom{z-index:1;position:relative}.vsp-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.vsp-card-brand{letter-spacing:.02em;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:800}.vsp-card-type{text-transform:uppercase;letter-spacing:.16em;color:#d4af37;text-align:right;max-width:90px;font-family:Georgia,Times New Roman,serif;font-size:.68rem;line-height:1.3}.vsp-card-amount{letter-spacing:-.02em;background:linear-gradient(135deg,#fdf6c9 0%,#e9c66a 45%,#bb9326 100%);-webkit-text-fill-color:transparent;color:#e9c66a;background-clip:text;margin-bottom:1.5rem;font-size:3rem;font-weight:900;line-height:1}.vsp-card-bottom{align-items:flex-end;gap:1rem;display:flex}.vsp-card-qr{background:#ffffff14;border-radius:8px;flex-shrink:0;padding:6px}.vsp-card-meta{flex:1}.vsp-card-code{letter-spacing:.1em;background:#ffffff1a;border:1px dashed #ffffff4d;border-radius:6px;margin-bottom:6px;padding:5px 8px;font-family:Courier New,monospace;font-size:.95rem;font-weight:700}.vsp-card-valid{color:#ffffff80;font-size:.68rem}.vsp-card-glow{z-index:0;pointer-events:none;background:radial-gradient(#e9c66a38 0%,#0000 70%);position:absolute;top:-20px;bottom:-20px;left:-20px;right:-20px}.vsp-content{flex-direction:column;gap:3rem;padding:3rem 1rem 5rem;display:flex}.vsp-section-title{color:#111827;letter-spacing:-.01em;align-items:center;gap:.7rem;margin-bottom:1.5rem;font-size:1.4rem;font-weight:800;display:flex}.vsp-section-title:before{content:"";background:linear-gradient(90deg,#e9c66a 0%,#bb9326 100%);border-radius:2px;flex-shrink:0;width:30px;height:3px}.vsp-checkout{grid-template-columns:minmax(0,1fr) minmax(330px,380px);align-items:start;gap:2.5rem;display:grid}.vsp-amounts{flex-wrap:wrap;gap:1.25rem;display:flex}.vsp-amount-btn{cursor:pointer;background:0 0;border:none;outline:none;padding:0;transition:transform .2s;position:relative}.vsp-amount-btn:hover{transform:translateY(-4px)}.vsp-amount-btn.active{transform:translateY(-6px)}.vsp-amount-card{color:#fff;background:linear-gradient(145deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border:2px solid #ffffff1a;border-radius:18px;flex-direction:column;width:200px;min-height:260px;padding:1.25rem 1rem 1rem;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000026}.vsp-amount-btn.active .vsp-amount-card{border-color:#bb9326;box-shadow:0 0 0 3px #bb93264d,0 8px 32px #00000040}.vsp-amount-dreamcatcher{color:#e9c66a;opacity:.16;z-index:0;pointer-events:none;width:80px;height:145px;position:absolute;top:46%;left:-16px;transform:translateY(-50%)}.vsp-amount-card-header,.vsp-amount-value,.vsp-amount-qr-row{z-index:1;position:relative}.vsp-amount-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.vsp-amount-brand{letter-spacing:.02em;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:800}.vsp-amount-label{text-transform:uppercase;letter-spacing:.12em;color:#d4af37;text-align:right;max-width:70px;font-family:Georgia,Times New Roman,serif;font-size:.58rem;line-height:1.3}.vsp-amount-value{background:linear-gradient(135deg,#fdf6c9 0%,#e9c66a 45%,#bb9326 100%);-webkit-text-fill-color:transparent;color:#e9c66a;background-clip:text;margin-bottom:auto;padding-bottom:1rem;font-size:2.6rem;font-weight:900;line-height:1}.vsp-amount-qr-row{border-top:1px solid #ffffff1a;align-items:flex-end;gap:.75rem;margin-top:auto;padding-top:.5rem;display:flex}.vsp-amount-card-footer{flex-direction:column;gap:2px;display:flex}.vsp-amount-card-footer span{color:#ffffff73;font-size:.65rem;line-height:1.4}.vsp-check{color:#2a2208;background:linear-gradient(135deg,#e9c66a 0%,#bb9326 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:800;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 10px #8f6e1880}.vsp-purchase-box{background:#fff;border:1px solid #ece7da;border-radius:20px;width:100%;padding:2rem;position:sticky;top:1.5rem;overflow:hidden;box-shadow:0 10px 36px #785a141a}.vsp-purchase-box:before{content:"";background:linear-gradient(90deg,#fdf6c9 0%,#e9c66a 35%,#bb9326 70%,#8f6e18 100%);height:4px;position:absolute;top:0;bottom:auto;left:0;right:0}.vsp-purchase-summary{flex-direction:column;gap:.65rem;margin-bottom:1.5rem;display:flex}.vsp-purchase-row{color:#374151;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.vsp-purchase-row strong{color:#111827;font-size:1rem}.vsp-purchase-total{font-size:1.1rem!important}.vsp-purchase-total strong{color:#111827;font-size:1.3rem!important}.vsp-green{color:#059669;font-weight:500}.vsp-divider{border:none;border-top:1px solid #e5e7eb;margin:.25rem 0}.vsp-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem;padding:.6rem .8rem;font-size:.875rem}.vsp-btn-buy{color:#2a2208;cursor:pointer;letter-spacing:.02em;text-shadow:0 1px #fff6;background:linear-gradient(#fdf6c9 0%,#e7c75a 22%,#bb9326 55%,#8f6e18 100%);border:2px solid #4a4416;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-bottom:.75rem;padding:1.05rem 1.5rem;font-size:1.05rem;font-weight:800;transition:transform .15s,box-shadow .2s,filter .2s;display:flex;box-shadow:0 8px 22px #8f6e1859,inset 0 2px 2px #ffffffbf,inset 0 -3px 6px #785a148c}.vsp-btn-buy:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 12px 28px #8f6e186b,inset 0 2px 2px #ffffffd9,inset 0 -3px 6px #785a148c}.vsp-btn-buy:disabled{opacity:.6;cursor:not-allowed}.vsp-spinner{border:2px solid #2a220840;border-top-color:#2a2208;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite vsp-spin;display:inline-block}@keyframes vsp-spin{to{transform:rotate(360deg)}}.vsp-login-hint{text-align:center;color:#6b7280;margin:0;font-size:.875rem}.vsp-login-link{color:#8f6e18;font-weight:700;text-decoration:underline}.vsp-benefits{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;display:grid}.vsp-benefit-card{background:#fff;border:1px solid #ece7da;border-radius:16px;padding:1.6rem 1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 1px 8px #0000000a}.vsp-benefit-card:hover{border-color:#bb932666;transform:translateY(-4px);box-shadow:0 14px 32px #785a141f}.vsp-benefit-icon{background:linear-gradient(135deg,#fdf6c9 0%,#f1dda3 100%);border:1px solid #bb932640;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.5rem;display:inline-flex;box-shadow:inset 0 1px 1px #ffffffb3}.vsp-benefit-title{color:#111827;margin-bottom:.4rem;font-size:.95rem;font-weight:700}.vsp-benefit-desc{color:#6b7280;font-size:.85rem;line-height:1.6}.vsp-steps{flex-direction:column;gap:1rem;display:flex}.vsp-step{background:#fff;border:1px solid #ece7da;border-radius:14px;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.vsp-step:hover{border-color:#bb932666;transform:translateY(-2px);box-shadow:0 10px 26px #785a141a}.vsp-step-num{letter-spacing:-.02em;background:linear-gradient(135deg,#e9c66a 0%,#bb9326 100%);-webkit-text-fill-color:transparent;color:#bb9326;background-clip:text;min-width:42px;font-size:1.6rem;font-weight:900;line-height:1}.vsp-step-title{color:#111827;margin-bottom:.3rem;font-size:.95rem;font-weight:700}.vsp-step-desc{color:#6b7280;font-size:.875rem;line-height:1.6}@media (max-width:980px){.vsp-checkout{grid-template-columns:1fr;gap:2rem}.vsp-purchase-box{max-width:480px;position:static}}@media (max-width:900px){.vsp-amounts{gap:1rem}.vsp-amount-card{width:180px;min-height:240px}}@media (max-width:700px){.vsp-hero{padding:2.5rem 0 3rem}.vsp-hero-inner{text-align:center;flex-direction:column;align-items:center;gap:2rem}.vsp-hero-text{min-width:unset;width:100%}.vsp-hero-title{font-size:clamp(1.6rem,7vw,2.2rem)}.vsp-hero-subtitle{max-width:100%;margin:0 auto 1.25rem;font-size:.9rem}.vsp-hero-badges{justify-content:center}.vsp-badge{padding:.25rem .65rem;font-size:.75rem}.vsp-preview-card{justify-content:center;width:100%;display:flex}.vsp-card-inner{width:min(260px,90vw);transform:rotate(0)}.vsp-card-amount{font-size:2.4rem}.vsp-content{gap:2rem;padding:2rem .75rem 4rem}.vsp-section-title{margin-bottom:1rem;font-size:1.15rem}.vsp-amounts{justify-content:center;gap:.75rem}.vsp-amount-card{width:150px;min-height:210px;padding:1rem .85rem}.vsp-amount-value{font-size:1.9rem}.vsp-amount-brand{font-size:.85rem}.vsp-purchase-box{max-width:100%;padding:1.5rem}.vsp-benefits{grid-template-columns:1fr}.vsp-benefit-card{padding:1.25rem}.vsp-step{gap:1rem;padding:1rem 1.25rem}.vsp-step-num{min-width:32px;font-size:1.25rem}}@media (max-width:400px){.vsp-amounts{flex-direction:column;align-items:center}.vsp-amount-card{width:min(300px,88vw);min-height:auto;padding:1.1rem 1rem}.vsp-amount-value{font-size:2.2rem}.vsp-amount-qr-row{justify-content:space-between}.vsp-card-inner{width:min(280px,90vw);padding:1.5rem 1.25rem 1.25rem}.vsp-card-amount{font-size:2.2rem}}@media (max-width:360px){.vsp-hero{padding:2rem 0 2.5rem}.vsp-content{padding:1.75rem .6rem 3.5rem}.vsp-amount-card{width:min(280px,90vw)}.vsp-card-inner{width:min(260px,92vw)}.vsp-card-top{margin-bottom:1rem}.vsp-card-amount{margin-bottom:1.1rem;font-size:2rem}.vsp-card-code{letter-spacing:.06em;font-size:.82rem}.vsp-purchase-box{border-radius:16px;padding:1.25rem 1.1rem}.vsp-badge{padding:.22rem .6rem;font-size:.72rem}}