.subscription-page{height:100dvh;background:linear-gradient(135deg,#46239a,#2f4682,#497dd6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;padding:15px}.subscription-container{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;overflow-y:scroll;scrollbar-width:thin;grid-gap:40px;gap:40px;padding-bottom:80px}@media(max-width:900px){.subscription-container{grid-template-columns:1fr}}.left-panel{background:rgba(0,0,0,.3);padding:40px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.left-panel h2{font-weight:800}.left-panel .link{margin-top:8px;color:#ff50ff;background:none;border:none;cursor:pointer;font-size:14px;text-decoration:underline}.left-panel .price-box .price-today{font-weight:800}.left-panel .price-box .price-desc{opacity:.8;margin-top:5px;font-size:14px}.left-panel .free-info{margin-top:40px}.left-panel .free-info h4{font-size:18px;margin-bottom:20px}.left-panel .free-info .info-item{display:flex;gap:10px;margin-bottom:16px}.left-panel .free-info .info-item .icon{color:#4cd964;margin-top:3px;font-size:18px}.right-panel{background:#fff;color:#333;border-radius:20px;padding:40px;box-shadow:0 8px 25px rgba(0,0,0,.2)}.right-panel h2{margin-bottom:20px}.right-panel label{font-size:14px;font-weight:600;margin-top:20px;display:block}.right-panel input,.right-panel select{width:100%;padding:14px;margin-top:6px;border-radius:12px;border:1px solid #ddd;font-size:16px;outline:none}.right-panel input:focus,.right-panel select:focus{border-color:#4b8afa}.right-panel .input-card{display:flex;align-items:center;background:#f5f5f5;border-radius:12px;padding-right:12px}.right-panel .input-card input{border:none;background:rgba(0,0,0,0)}.right-panel .input-card .card-icons{display:flex;gap:8px;font-size:28px;color:#444}.right-panel .terms{font-size:13px;opacity:.7;margin-top:15px}.right-panel .pay-btn{width:100%;margin-top:25px;padding:16px;font-size:16px;background:#3d5afe;color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:700}.right-panel .pay-btn:hover{background:#2d46d8}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:2000;color:#000}.modal{width:360px;background:#fff;border-radius:20px;padding:20px 0 0;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.2)}.modal-title{text-align:center;margin-bottom:20px;font-size:20px;font-weight:700}.plan-list{max-height:340px;overflow-y:auto}.plan-item{display:flex;justify-content:space-between;padding:18px 20px;cursor:pointer;border-top:1px solid #eee;position:relative;transition:background .2s ease;color:#000;font-weight:700}.plan-item:hover{background:#f7f7ff}.plan-item.active{background:#eef0ff}.plan-item.active .radio{border-color:#3950ff}.plan-item.active .radio.checked{background:#3950ff}.left{display:flex;flex-direction:column;gap:4px}.tag{background:#3252ff;padding:2px 8px;border-radius:6px;font-size:10px;width:-moz-fit-content;width:fit-content;margin-bottom:4px;color:#fff}.title{font-size:16px;font-weight:700}.price{font-size:12px;opacity:.7}.radio{width:22px;height:22px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center}.radio .dot{width:10px;height:10px;background:#fff;border-radius:50%;opacity:0}.radio.checked .dot{background:#fff;opacity:1}.modal-footer{display:flex;justify-content:space-between;gap:10px;padding:16px 20px;background:#fafafa;border-top:1px solid #eee;margin-top:10px}.btn{flex:1 1;padding:12px 0;border-radius:10px;font-weight:700;font-size:14px;border:none;cursor:pointer}.cancel{background:#eaeaea;color:#555}.cancel:hover{background:#d8d8d8}.confirm{background:#3950ff;color:#fff}.confirm:hover{background:#2d3ccc}.main-gradient{background:linear-gradient(325deg,rgb(0,132,255),rgb(152,148,209));background:linear-gradient(325deg,#a100ff,#ff0068);border-bottom:navy}.payment-intent{padding:40px;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;gap:50px}@media(max-width:800px){.payment-intent{font-size:14px}}.payment-intent__controll{justify-content:space-between;position:relative}.payment-intent__check{display:flex;gap:50px;width:100%}.payment-x{font-weight:700;display:flex;gap:10px}.payment-intent__result{position:absolute;font-weight:600;bottom:-30px;font-size:20px;color:green;text-align:center}