.subs-page-wrapper{color:#334155;max-width:1200px;margin:0 auto;padding:40px 20px;font-family:inherit}.subs-hero{text-align:center;margin-bottom:50px}.subs-hero h1{color:#0f172a;margin-bottom:16px;font-size:36px;font-weight:700}.subs-hero p{color:#64748b;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.subs-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:60px;display:grid}.sub-card{text-align:center;background-color:#fff;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:40px 24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.sub-card:hover{border-color:#0284c7;transform:translateY(-8px);box-shadow:0 12px 24px #0284c71a}.sub-card.premium{border-color:#0284c7;box-shadow:0 8px 16px #0284c714}.sub-badge{color:#fff;background-color:#0284c7;padding:6px 40px;font-size:14px;font-weight:700;position:absolute;top:16px;right:-32px;transform:rotate(45deg)}.rtl .sub-badge{left:-32px;right:auto;transform:rotate(-45deg)}.sub-icon{margin-bottom:20px;font-size:48px}.sub-title{color:#1e293b;margin-bottom:16px;font-size:22px;font-weight:700}.sub-desc{color:#64748b;flex-grow:1;margin-bottom:30px;font-size:15px;line-height:1.6}.sub-btn{color:#0284c7;background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:12px;font-weight:700;text-decoration:none;transition:all .2s;display:block}.sub-card:hover .sub-btn,.sub-card.premium .sub-btn{color:#fff;background-color:#0284c7;border-color:#0284c7}