.loading-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;min-height:100px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#666;font-size:16px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.resources-page{padding:80px 0}.resources-page .hero-section{text-align:center;margin-bottom:60px;padding-top:60px}.resources-page .hero-section h1{font-size:48px;font-weight:700;margin-bottom:16px;color:#252e60}.resources-page .hero-section p{font-size:18px;color:#4a5568}.resources-page .preview__articles{margin-bottom:60px}.resources-page .preview__articles .section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.resources-page .preview__articles .section__header h2{font-size:32px;font-weight:600;color:#252e60}.resources-page .preview__articles .section__header .view-all{display:flex;align-items:center;gap:8px;color:#3182ce;text-decoration:none;font-weight:500;transition:color .3s ease}.resources-page .preview__articles .section__header .view-all .arrow{width:20px;height:20px;position:relative;transition:transform .3s ease}.resources-page .preview__articles .section__header .view-all .arrow:after{content:"";position:absolute;right:6px;top:50%;width:8px;height:8px;border-top:2px solid;border-right:2px solid;transform:translateY(-50%) rotate(45deg)}.resources-page .preview__articles .section__header .view-all:hover{color:#2c5282}.resources-page .preview__articles .section__header .view-all:hover .arrow{transform:translateX(4px)}.resources-page .blog__slider-wrapper{position:relative;padding:0}.resources-page .blog__slider-wrapper .swiper-horizontal{padding:0 2.1rem}.resources-page .blog__slider-wrapper .swiper-button-next,.resources-page .blog__slider-wrapper .swiper-button-prev{width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 8px 24px rgba(0,0,0,.1);color:#252e60;transition:all .3s ease;top:calc(50% - 20px);margin-top:0;z-index:100}.resources-page .blog__slider-wrapper .swiper-button-next:after,.resources-page .blog__slider-wrapper .swiper-button-prev:after{font-size:16px}.resources-page .blog__slider-wrapper .swiper-button-next:hover,.resources-page .blog__slider-wrapper .swiper-button-prev:hover{background:#000;color:#fff}.resources-page .blog__slider-wrapper .swiper-button-prev{left:0}.resources-page .blog__slider-wrapper .swiper-button-next{right:0}.resources-page .blog__slider-wrapper .blog__slide{height:auto}.resources-page .blog__item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);height:100%;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.resources-page .blog__item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1);background:linear-gradient(130deg,transparent 40%,rgba(24,47,118,.05))}.resources-page .blog__item .blog__image{position:relative;aspect-ratio:16/9;overflow:hidden;width:100%;min-height:225px}.resources-page .blog__item .blog__image .loading-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;min-height:225px}.resources-page .blog__item .blog__image img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:0 69%;object-position:0 69%;transition:transform .3s ease;display:block;min-height:225px}.resources-page .blog__item .blog__image:hover img{transform:scale(1.05)}.resources-page .blog__item .blog__content{padding:1.8rem;flex:1;display:flex;flex-direction:column;justify-content:end}.resources-page .blog__item .blog__content .blog__date{margin-bottom:12px;color:#4a5568;font-weight:500}.resources-page .blog__item .blog__content .blog__title{font-size:20px;font-weight:600;color:#252e60;margin-bottom:12px;line-height:1.4;text-transform:capitalize}.resources-page .blog__item .blog__content .blog__description{font-size:16px;color:#4a5568;margin-bottom:20px;line-height:1.6;flex:1;max-height:4.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.resources-page .blog__item .blog__content .blog__read-more{display:flex;align-items:center;gap:8px;color:#3182ce;text-decoration:none;font-weight:500;transition:all .3s ease}.resources-page .blog__item .blog__content .blog__read-more .arrow{width:20px;height:20px;position:relative;transition:transform .3s ease}.resources-page .blog__item .blog__content .blog__read-more .arrow:after{content:"";position:absolute;right:6px;top:50%;width:8px;height:8px;border-top:2px solid;border-right:2px solid;transform:translateY(-50%) rotate(45deg)}.resources-page .blog__item .blog__content .blog__read-more:hover{color:#2c5282}.resources-page .blog__item .blog__content .blog__read-more:hover .arrow{transform:translateX(4px)}@media(max-width:768px){.resources-page{padding:0}.resources-page .hero-section{margin-bottom:40px;padding:100px 20px 20px}.resources-page .hero-section h1{font-size:32px}.resources-page .hero-section p{font-size:16px}.resources-page .preview__articles{margin-bottom:40px}.resources-page .preview__articles .section__header{margin-bottom:20px;flex-direction:column;align-items:flex-start;gap:8px}.resources-page .preview__articles .section__header h2{font-size:24px}.resources-page .preview__articles .section__header .view-all{padding-top:4px}.resources-page .blog__slider-wrapper{padding:0}.resources-page .blog__slider-wrapper .swiper-button-next,.resources-page .blog__slider-wrapper .swiper-button-prev{width:2.1rem;height:2.1rem}.resources-page .blog__slider-wrapper .swiper-button-next:after,.resources-page .blog__slider-wrapper .swiper-button-prev:after{font-size:14px}.resources-page .blog__slider-wrapper .swiper-button-prev{left:4px}.resources-page .blog__slider-wrapper .swiper-button-next{right:4px}.resources-page .blog__item .blog__content{padding:16px}.resources-page .blog__item .blog__content .blog__title{font-size:18px}.resources-page .blog__item .blog__content .blog__description{font-size:14px;margin-bottom:16px}.resources-page .blog__item .blog__image,.resources-page .blog__item .blog__image .loading-placeholder,.resources-page .blog__item .blog__image img{min-height:200px}}