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