.subscription-flow-v150{padding:46px 0 72px;background:linear-gradient(180deg,#f8f9fd 0%,#f4f7fb 100%);min-height:68vh}.subscription-flow-v150 .flow-shell{max-width:930px;margin:auto}.subscription-flow-v150 .flow-card{background:#fff;border:1px solid #e8eaf3;border-radius:26px;box-shadow:0 16px 44px rgba(31,41,55,.055);overflow:hidden}.subscription-flow-v150 .flow-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 28px;border-bottom:1px solid #eef0f6;background:linear-gradient(135deg,rgba(123,92,246,.055),rgba(34,184,181,.055))}.subscription-flow-v150 .flow-title{font-size:1.55rem;font-weight:800;color:#172033;margin:5px 0 7px}.subscription-flow-v150 .flow-subtitle{color:#7b8498;margin:0;font-size:.95rem}.subscription-flow-v150 .flow-kicker{display:inline-flex;align-items:center;gap:7px;color:#7557e8;background:#f2edff;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:800}.subscription-flow-v150 .flow-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;color:#6d4be8;background:linear-gradient(145deg,#efeaff,#e8fbf9);font-size:1.35rem}.subscription-flow-v150 .flow-body{padding:26px 28px}.subscription-flow-v150 .step-card{border:1px solid #e9ebf3;background:#fbfcff;border-radius:20px;padding:18px;margin-bottom:14px}.subscription-flow-v150 .step-card.active{border-color:#cfc4ff;background:linear-gradient(135deg,#fbf9ff,#f4fffe)}.subscription-flow-v150 .step-line{display:flex;align-items:center;gap:13px}.subscription-flow-v150 .step-number{flex:0 0 38px;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#eee9ff;color:#704de5;font-weight:900}.subscription-flow-v150 .step-card.done .step-number{background:#e4faf3;color:#12996f}.subscription-flow-v150 .step-copy b{display:block;color:#20283b;font-size:.98rem}.subscription-flow-v150 .step-copy span{display:block;color:#8a92a5;font-size:.84rem;margin-top:3px}.subscription-flow-v150 .flow-btn{border:0;border-radius:14px;padding:12px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.subscription-flow-v150 .flow-btn-primary{color:#fff;background:linear-gradient(135deg,#7656e8,#8d54eb)}.subscription-flow-v150 .flow-btn-soft{color:#168d8d;background:#eafaf8;border:1px solid #d4f1ee}.subscription-flow-v150 .flow-btn-dark{color:#fff;background:#20273a}.subscription-flow-v150 .form-control,.subscription-flow-v150 .form-select{border:1px solid #e1e5ef;border-radius:14px;min-height:48px;background:#fbfcff}.subscription-flow-v150 .form-control:focus,.subscription-flow-v150 .form-select:focus{border-color:#b9a8fb;box-shadow:0 0 0 .2rem rgba(118,86,232,.08)}.subscription-flow-v150 .form-label{font-size:.85rem;font-weight:800;color:#40485d}.subscription-flow-v150 .status-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:800}.subscription-flow-v150 .status-pending{background:#fff6df;color:#9c6900}.subscription-flow-v150 .status-ok{background:#e5f9f1;color:#10845f}.subscription-flow-v150 .status-fail{background:#fff0f0;color:#be4242}.subscription-flow-v150 .plan-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}.subscription-flow-v150 .plan-strip>div{border:1px solid #e8eaf2;border-radius:16px;background:#fff;padding:12px 14px}.subscription-flow-v150 .plan-strip span{display:block;color:#939aab;font-size:.73rem}.subscription-flow-v150 .plan-strip strong{display:block;color:#232b3e;margin-top:3px;font-size:.92rem}.subscription-flow-v150 .captcha-box{display:flex;align-items:center;justify-content:space-between;border:1px dashed #c9bdf7;border-radius:14px;background:#faf8ff;padding:10px 13px}.subscription-flow-v150 .captcha-box strong{font-size:1.05rem;color:#7251df}.subscription-flow-v150 .flow-alert{border-radius:15px;padding:12px 14px;margin-bottom:16px;font-size:.9rem}.subscription-flow-v150 .flow-alert-danger{background:#fff1f1;color:#a93737;border:1px solid #ffdada}.subscription-flow-v150 .flow-alert-success{background:#ebfaf4;color:#157d60;border:1px solid #d2f2e5}.subscription-flow-v150 .privacy-note{font-size:.78rem;color:#9299aa;margin-top:11px;line-height:1.8}.subscription-flow-v150 .spinner-dot{width:7px;height:7px;border-radius:50%;background:#7656e8;display:inline-block;animation:flowPulse 1.1s infinite ease-in-out}@keyframes flowPulse{50%{opacity:.3;transform:scale(.7)}}@media(max-width:767px){.subscription-flow-v150{padding:24px 10px 54px}.subscription-flow-v150 .flow-head,.subscription-flow-v150 .flow-body{padding:20px 18px}.subscription-flow-v150 .flow-title{font-size:1.3rem}.subscription-flow-v150 .plan-strip{grid-template-columns:1fr}.subscription-flow-v150 .flow-head{align-items:flex-start}.subscription-flow-v150 .flow-icon{width:48px;height:48px;border-radius:15px}}