.plans-wrap{padding:50px 20px;min-height:500px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);animation:fadeIn .5s ease-out}.plan-promo-banner{max-width:1200px;margin:0 auto 28px;padding:0 20px;box-sizing:border-box}.plan-promo-banner__inner{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;gap:16px 24px;padding:18px 22px;border-radius:20px;background:linear-gradient(135deg,#0b364d,#138a75);color:#fff;box-shadow:0 12px 32px #0b364d33;border:1px solid #ffffff1f}.plan-promo-banner__lead{flex:1 1 280px;min-width:0}.plan-promo-banner__badge{display:inline-block;padding:4px 12px;margin-bottom:10px;border-radius:999px;font-size:12px;font-weight:700;background:#fff3;border:1px solid #ffffff59}.plan-promo-banner__title{display:block;font-size:17px;font-weight:700;line-height:1.45;margin-bottom:8px;color:#fff}.plan-promo-banner__body{margin:0;font-size:14px;line-height:1.8;color:#ffffffeb}.plan-promo-banner__cta{flex:0 1 auto;display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:160px}.plan-promo-banner__code-label{font-size:12px;font-weight:600;color:#ffffffd9}.plan-promo-banner__code{display:block;padding:10px 14px;border-radius:12px;background:#0003;border:1px dashed #ffffff73;font-size:18px;font-weight:800;letter-spacing:.06em;text-align:center;color:#fff;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.plan-promo-banner__copy{cursor:pointer;border:none;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:700;background:#fff;color:#0b364d;box-shadow:0 4px 14px #0000001f;transition:transform .15s ease,box-shadow .15s ease}.plan-promo-banner__copy:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000029}@media (max-width:640px){.plan-promo-banner__cta{width:100%}}.plan-filter{margin:0 auto 50px;max-width:1400px;padding:0 20px}.plan-filter ul{display:flex;justify-content:center;align-items:center;list-style:none;flex-wrap:wrap;gap:15px;padding:10px;margin-bottom:40px;background:#fff;border-radius:50px;box-shadow:0 4px 20px #0000000f;max-width:700px;margin-left:auto;margin-right:auto}.plan-filter ul li{padding:14px 32px;font-size:15px;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;background:#0000;color:#64748b;border:2px solid #0000}.plan-filter ul li:hover{color:#1e293b;background:#f1f5f9}.plan-filter ul li.active{color:#fff;background:linear-gradient(135deg,#00a7e1,#00d9c0);box-shadow:0 6px 20px #00a7e14d}.plan-discount{text-align:center;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 30px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;max-width:550px;margin:30px auto}.plan-discount span{font-size:15px;font-weight:700;color:#1e293b}.plan-discount select{padding:12px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:600;background:#fff;color:#1e293b;cursor:pointer;transition:all .3s ease;outline:none;min-width:250px}.plan-discount select:hover{border-color:#00a7e1}.plan-discount select:focus{border-color:#00d9c0;box-shadow:0 0 0 3px #00a7e11a}.plans-wrap>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:35px;gap:35px;max-width:1300px;margin:0 auto;padding:0 20px;list-style:none}.plans-wrap>ul li.plan-item{list-style:none;border-radius:28px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px #0000000a;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;display:flex;flex-direction:column}.plans-wrap>ul li.plan-item:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px #00a7e11f,0 0 0 1px #00a7e11a;border-color:#00a7e133}.plans-wrap>ul li.plan-item:hover:after{opacity:1}.plans-wrap>ul li.plan-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00a7e108,#00d9c008);opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:28px}.plans-wrap>ul li.plan-item.active{border-color:#00d9c0;box-shadow:0 20px 50px #00d9c026,0 0 0 2px #00d9c033;transform:translateY(-8px)}.plans-wrap>ul li.plan-item.active:after{opacity:1}.plans-wrap>ul li.plan-item:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#00a7e1,#00d9c0);opacity:0;transition:all .4s ease}.plans-wrap>ul li.plan-item.active:before,.plans-wrap>ul li.plan-item:hover:before{opacity:1;height:6px}.plans-wrap>ul li.plan-item h5{font-size:18px;font-weight:700;padding:20px;background:linear-gradient(135deg,#64748b,#475569);color:#fff;margin:0;text-align:center;letter-spacing:.3px;transition:all .4s ease}.plans-wrap>ul li.plan-item:hover h5{letter-spacing:.5px}.plans-wrap>ul li.plan-item.active h5,.plans-wrap>ul li.plan-item:hover h5{background:linear-gradient(135deg,#00a7e1,#00d9c0)}.plans-wrap>ul li.plan-item .plan-details{padding:20px;flex-grow:1}.plans-wrap>ul li.plan-item .plan-details ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.plans-wrap>ul li.plan-item .plan-details ul li{padding:10px 16px;text-align:center;font-size:13px;font-weight:600;color:#334155;background:#0000;border-radius:10px;transition:all .3s ease;position:relative;border:2px solid #0000}.plans-wrap>ul li.plan-item .plan-details ul li:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0;transform:translateX(-3px)}.plans-wrap>ul li.plan-item:hover .plan-details ul li{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.plans-wrap>ul li.plan-item .plan-btns{padding:20px 20px 24px;background:#fafbfc;border-top:1px solid #f1f3f5}.plans-wrap>ul li.plan-item .plan-btns em{font-size:15px;display:block;text-align:center;text-decoration:line-through;color:#94a3b8;margin-bottom:6px;font-weight:600}.plans-wrap>ul li.plan-item .plan-btns strong{display:block;text-align:center;margin-bottom:14px;color:#f97316;font-size:28px;font-weight:900;letter-spacing:-.5px}.plans-wrap>ul li.plan-item .plan-btns button{border:none;background:linear-gradient(135deg,#64748b,#475569);border-radius:12px;padding:12px 28px;font-size:14px;font-weight:700;color:#fff;display:block;width:100%;margin:0 auto;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 14px #64748b33;letter-spacing:.3px}.plans-wrap>ul li.plan-item .plan-btns button:hover{background:linear-gradient(135deg,#00a7e1,#00d9c0);transform:translateY(-3px);box-shadow:0 8px 24px #00a7e14d}.plans-wrap>ul li.plan-item .plan-btns button:active{transform:translateY(-1px)}.plans-wrap>ul li.plan-item.active .plan-btns button{background:linear-gradient(135deg,#00a7e1,#00d9c0);box-shadow:0 6px 20px #00a7e14d}.plans-wrap>ul li.plan-item.active .plan-btns button:hover{background:linear-gradient(135deg,#0891b2,#14b8a6);box-shadow:0 8px 24px #00a7e166}.plans-wrap .loading{text-align:center;padding:60px 20px;font-size:18px;font-weight:600;color:#64748b}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.plans-wrap{padding:30px 15px}.plan-filter ul{gap:10px;padding:8px}.plan-filter ul li{padding:12px 24px;font-size:14px}.plan-discount{flex-direction:column;gap:15px;padding:18px 20px}.plan-discount select{min-width:100%;max-width:100%}.plans-wrap>ul{grid-template-columns:1fr;gap:28px;padding:0 15px}.plans-wrap>ul li.plan-item h5{font-size:19px;padding:28px 24px}.plans-wrap>ul li.plan-item .plan-details{padding:35px 25px}.plans-wrap>ul li.plan-item .plan-details ul{gap:12px}.plans-wrap>ul li.plan-item .plan-details ul li{font-size:14px;padding:14px 18px}.plans-wrap>ul li.plan-item .plan-btns{padding:25px 25px 35px}.plans-wrap>ul li.plan-item .plan-btns strong{font-size:32px}.plans-wrap>ul li.plan-item .plan-btns button{padding:14px 32px;font-size:15px}}@media (min-width:769px) and (max-width:1024px){.plans-wrap>ul{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.plans-wrap>ul{grid-template-columns:repeat(3,1fr)}}[dir=rtl] .plans-wrap>ul li.plan-item .plan-details ul li:hover{transform:translateX(3px)}