.ct-hero{text-align:center;padding:20px 0 48px}.ct-hero__title{color:#1a1a2e;margin:0 0 16px;font-size:clamp(36px,5vw,52px);font-weight:700}.ct-hero__sub{color:#4a5568;max-width:600px;margin:0 auto;font-size:18px;line-height:1.7}.ct-cards{padding:0 0 64px}.ct-cards__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.ct-card{text-align:center;background:#fff;border:1px solid #e8ecf1;border-top:3px solid #1a6fca;border-radius:16px;padding:40px 28px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0000000a}.ct-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #1a6fca1f}.ct-card__icon{background:#f0f7ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.ct-card__title{color:#1a1a2e;margin:0 0 12px;font-size:18px;font-weight:700}.ct-card__link{color:#1a6fca;font-size:16px;font-weight:600;text-decoration:none;transition:color .2s}.ct-card__link:hover{color:#2563eb}.ct-info{padding:0 0 64px}.ct-info__box{text-align:center;background:#f8f9fb;border:1px solid #e8ecf1;border-radius:16px;max-width:600px;margin:0 auto;padding:40px 32px}.ct-info__title{color:#1a1a2e;margin:0 0 24px;font-size:22px;font-weight:700}.ct-info__details{flex-direction:column;align-items:center;gap:14px;display:flex}.ct-info__item{color:#4a5568;align-items:center;gap:10px;font-size:15px;display:flex}.ct-info__item strong{color:#1a1a2e;font-size:17px}.ct-info__item a{color:#1a6fca;font-weight:500;text-decoration:none;transition:color .2s}.ct-info__item a:hover{color:#2563eb}@media (max-width:991px){.ct-cards__grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}@media (max-width:768px){.ct-hero{padding:16px 0 36px}.ct-hero__title{font-size:34px}.ct-hero__sub{font-size:16px}.ct-cards,.ct-info{padding-bottom:48px}}@media (max-width:600px){.ct-hero{padding:12px 0 28px}.ct-hero__title{font-size:28px}.ct-hero__sub{font-size:15px}.ct-card{padding:32px 20px}.ct-info__box{padding:28px 20px}.ct-info__title{font-size:20px}}@media (max-width:480px){.ct-hero__title{font-size:24px}}@media (max-width:360px){.ct-hero__title{font-size:22px}}@media (hover:none){.ct-card:hover{box-shadow:none;transform:none}}[dir=rtl] .ct-hero,[dir=rtl] .ct-cards__grid{direction:rtl}[dir=rtl] .ct-card{text-align:center}[dir=rtl] .ct-info__box{direction:rtl}[dir=rtl] .ct-info__item{flex-direction:row-reverse}