.expand-system{width:100%;padding:0 20px 50px;background:transparent;display:flex;justify-content:center;position:relative;z-index:20;margin-top:-220px}.expand-container{width:100%;max-width:1266px;background:#f1f3f5;border-radius:16px;padding:15px 10px 20px;box-shadow:0 10px 30px rgba(0,0,0,.08);animation:expandSlideUp 1s ease-out both}@keyframes expandSlideUp{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.expand-heading{text-align:center;color:#0076bc;font-size:22px;font-weight:500;letter-spacing:.3px;margin:0 0 24px;padding:0}.expand-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:22px;gap:22px}.expand-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:14px;padding:10px;box-shadow:0 4px 14px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}.expand-card:hover{transform:translateY(-6px);box-shadow:0 14px 28px rgba(0,118,188,.18)}.expand-image-box{position:relative;width:100%;border-radius:10px;margin-bottom:30px}.expand-image{width:100%;height:160px;object-fit:fill;border-radius:10px;display:block}.expand-icon{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);width:46px;height:50px;background:linear-gradient(135deg,#0090e0,#0066a8);-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,118,188,.35);transition:transform .3s ease}.expand-card:hover .expand-icon{transform:translateX(-50%) scale(1.1)}.expand-icon svg{width:24px;height:24px;color:#fff}.expand-title{color:#0076bc;font-size:18px;font-weight:500;margin:0 0 9px}.expand-desc{color:#6b7280;font-size:14px;line-height:1.55;margin:0 0 16px;min-height:38px}.expand-button{background:#0076bc;color:#fff!important;border:0;cursor:pointer;text-decoration:none;padding:9px 24px;border-radius:6px;font-size:12px;font-weight:600;transition:all .3s ease;margin-top:auto}.expand-button:hover{background:#005a91;transform:scale(1.05);box-shadow:0 4px 12px rgba(0,118,188,.3)}.expand-card--skeleton{pointer-events:none}.expand-card--skeleton:hover{transform:none;box-shadow:0 4px 14px rgba(0,0,0,.05)}.skeleton{position:relative;overflow:hidden;background:#e2e6ea;border-radius:6px}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,0));animation:expandShimmer 1.4s infinite}@keyframes expandShimmer{to{transform:translateX(100%)}}.skeleton-image{width:100%;height:160px;border-radius:10px}.skeleton-icon{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);width:46px;height:50px;border-radius:10px}.skeleton-title{width:60%;height:18px;margin:0 0 12px}.skeleton-desc{width:90%;height:38px;margin:0 0 16px}.skeleton-button{width:110px;height:36px;border-radius:6px;margin-top:auto}@media (max-width:576px){.skeleton-image{height:190px}}@media (max-width:992px){.expand-system{margin-top:-100px}.expand-grid{grid-template-columns:repeat(2,1fr);gap:40px 25px}}@media (max-width:768px){.expand-system{margin-top:30px;padding-top:0}}@media (max-width:576px){.expand-grid{grid-template-columns:1fr;gap:45px}.expand-heading{font-size:24px}.expand-image{height:190px}}