*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f8f8f8}.page,body{min-height:100vh}.page{display:flex;flex-direction:column}.page-header{padding:18px 22px;display:flex;align-items:center;gap:10px;background:#fff;border-bottom:1px solid #f0f0f0}.brand-logo{object-fit:contain}.brand-logo,.brand-mark{width:30px;height:30px;border-radius:8px}.brand-mark{background:linear-gradient(135deg,#1f6feb,#3fa9f5);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px}.brand-name{font-weight:700;font-size:15px;color:#1b2430}.brand-sub{font-size:11px;color:#999;margin-left:auto}.page-body{flex:1 1;padding:28px 24px 32px;display:flex;flex-direction:column;align-items:center;gap:18px}.price-card{width:100%;max-width:340px;background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:22px 20px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.04)}.price-badge{display:inline-block;background:linear-gradient(135deg,#1f6feb,#3fa9f5);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;margin-bottom:10px}.price-title{font-size:17px;font-weight:700;color:#1b2430;margin-bottom:4px}.feature-list{text-align:left;margin:16px 0;display:flex;flex-direction:column;gap:7px}.feature-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#333}.feature-row .check{color:#1a7f37;font-weight:700;flex-shrink:0}.plan-list{display:flex;flex-direction:column;gap:10px;margin:14px 0 4px}.plan-option{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px solid #e8e8e8;border-radius:10px;padding:12px 14px;cursor:pointer;text-align:left;transition:all .12s;background:none;width:100%;font:inherit}.plan-option.selected{border-color:#1f6feb;background:#f0f6ff}.plan-option .plan-left{display:flex;align-items:center;gap:10px}.plan-option .radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid #ccc;flex-shrink:0;display:flex;align-items:center;justify-content:center}.plan-option.selected .radio-dot{border-color:#1f6feb}.plan-option.selected .radio-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:#1f6feb}.plan-option .plan-name{font-size:13.5px;font-weight:700;color:#1b2430}.plan-option .plan-days{font-size:11.5px;color:#999}.plan-option .plan-price{font-size:15px;font-weight:800;color:#1f6feb}.plan-option .plan-badge{font-size:9.5px;font-weight:700;color:#fff;background:#1a7f37;padding:1px 6px;border-radius:999px;margin-left:6px}.btn-pay{width:100%;background:linear-gradient(135deg,#1f6feb,#3fa9f5);color:#fff;border:none;border-radius:10px;padding:13px;font-size:14.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.btn-pay:hover{opacity:.92}.btn-pay:disabled{opacity:.6;cursor:not-allowed}.provider-badge{margin-top:12px;font-size:11px;color:#999;display:flex;align-items:center;justify-content:center;gap:5px}.provider-badge b{color:#666}.security-note{font-size:11px;color:#999;text-align:center;max-width:300px;line-height:1.5;margin-top:14px}.spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 0}.spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#1f6feb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.spinner-text{font-size:13.5px;color:#555}.spinner-sub{font-size:11.5px;color:#999}.result-wrap{flex-direction:column;gap:14px;padding:44px 0;text-align:center}.result-icon,.result-wrap{display:flex;align-items:center}.result-icon{width:64px;height:64px;border-radius:50%;justify-content:center;font-size:30px}.result-icon.success{background:#e3f5e9;color:#1a7f37}.result-icon.fail{background:#fbe9e9;color:#cf222e}.result-title{font-size:17px;font-weight:700;color:#1b2430}.result-sub{font-size:13px;color:#666;max-width:300px;line-height:1.5}.result-sub b{color:#1a7f37}.btn-secondary{margin-top:8px;background:#f5f5f5;color:#444;border:1px solid #e0e0e0;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}.footer-note{text-align:center;font-size:10.5px;color:#bbb;padding:10px 0 4px}.error-note{font-size:13px;color:#cf222e;background:#fbe9e9;border-radius:8px;padding:10px 14px;max-width:340px;text-align:center}