.pricing-container{color:#f8fafc;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.pricing-header{text-align:center;width:100%;max-width:600px;margin-bottom:50px;position:relative}.back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:0;left:0}.pricing-page-wrapper{color:#fff;background-color:#0c111d;min-height:100vh;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.pricing-container{width:94%;max-width:1000px;margin:0 auto;padding:40px 0 100px}.pricing-header{text-align:center;margin-bottom:40px}.back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:20px;display:flex}.pricing-title{color:#fff;margin-bottom:12px;font-size:1.75rem;font-weight:800}.pricing-subtitle{color:#94a3b8;margin-bottom:20px;font-size:.9rem;line-height:1.5}.main-refund-policy{color:#64748b;border-top:1px solid #ffffff1a;margin-top:60px;padding-top:30px}.policy-title{color:#94a3b8;margin-bottom:16px;font-size:.95rem;font-weight:700}.policy-list{padding:0;list-style:none}.policy-list li{word-break:keep-all;margin-bottom:8px;font-size:.75rem;line-height:1.7}.policy-list strong{color:#94a3b8}.pricing-grid{flex-direction:column;gap:24px;width:100%;display:flex}.pricing-card{box-sizing:border-box;background:#1e293b;border:1px solid #ffffff1a;border-radius:24px;width:100%;padding:48px 40px;position:relative}.plan-tag{color:#fff;background:#3b82f6;border-radius:99px;padding:4px 12px;font-size:.7rem;font-weight:600;position:absolute;top:20px;right:20px}.plan-info{margin-bottom:24px}.plan-name{margin-bottom:12px;font-size:1.25rem;font-weight:700}.plan-description{color:#94a3b8;margin-bottom:20px;font-size:.85rem}.plan-price{align-items:baseline;gap:4px;margin-bottom:24px;display:flex}.amount{font-size:2rem;font-weight:800}.currency{color:#94a3b8;font-size:1rem}.plan-features{margin:0 0 30px;padding:0;list-style:none}.plan-features li{color:#cbd5e1;align-items:center;margin-bottom:12px;font-size:.85rem;display:flex}.check-icon{color:#818cf8;margin-right:10px;font-size:.8rem}.payment-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);border:none;border-radius:12px;width:100%;padding:16px;font-size:1rem;font-weight:700}.payment-btn:active{transform:scale(.98)}.modal-backdrop{z-index:1000;background:#000c;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.detail-modal{background:#0f172a;border-top:1px solid #ffffff1a;border-radius:32px 32px 0 0;width:100%;max-width:480px;max-height:90vh;padding:24px;animation:.3s ease-out slideUp;overflow-y:auto}.modal-handle{background:#334155;border-radius:2px;width:40px;height:4px;margin:0 auto 24px}.modal-back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex;position:absolute;top:0;left:0}.modal-hero{text-align:center;margin-bottom:30px;position:relative}.modal-badge{color:#818cf8;background:#818cf833;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-block}.modal-title{margin-bottom:8px;font-size:1.5rem;font-weight:800}.modal-subtitle{color:#94a3b8;font-size:.9rem}body:has(.modal-backdrop) .bottom-navbar{display:none!important}.modal-content{padding:0 24px 120px}.modal-fixed-footer{width:100%;max-width:480px;padding:16px 24px calc(24px + env(safe-area-inset-bottom));z-index:2000;box-sizing:border-box;background:#0f172a;border-top:1px solid #ffffff0d;justify-content:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.modal-pay-btn-fixed{color:#fff;cursor:pointer;background:linear-gradient(135deg,#818cf8,#6366f1);border:none;border-radius:16px;width:100%;padding:18px;font-size:1.1rem;font-weight:700;box-shadow:0 10px 25px #6366f166}.benefit-box{background:#1e293b;border:1px solid #ffffff0d;border-radius:24px;margin-bottom:24px;padding:24px}.benefit-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;display:flex}.benefit-name{font-weight:700}.benefit-price{color:#818cf8;font-weight:700}.benefit-list{padding:0;list-style:none}.benefit-list li{color:#cbd5e1;align-items:center;margin-bottom:12px;font-size:.9rem;display:flex}.benefit-list .check{color:#818cf8;margin-right:10px}.modal-usage-guide h4{color:#64748b;margin-bottom:12px;font-size:.85rem}.modal-usage-guide ul{padding:0;list-style:none}.modal-usage-guide li{color:#475569;margin-bottom:6px;font-size:.75rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:640px){.pricing-title{font-size:2rem}.pricing-grid{grid-template-columns:1fr}}.refund-policy{color:#94a3b8;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;max-width:800px;margin-top:48px;padding:24px;font-size:.9rem}.refund-policy h3{color:#cbd5e1;margin-bottom:16px;font-size:1.1rem}.refund-policy ul{padding:0;list-style:none}.refund-policy li{margin-bottom:10px;padding-left:12px;line-height:1.6;position:relative}.refund-policy li:before{content:"•";color:#60a5fa;position:absolute;left:0}.refund-policy strong{color:#e2e8f0}
