.apps-grid{direction:rtl;display:grid;grid-template-columns:minmax(0,min(100%, 400px));justify-content:center;gap:14px;width:100%;margin-top:8px;align-items:stretch}.apps-grid .program-card{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:3 / 4;overflow:hidden;padding:0;border:1px solid rgb(255 255 255 / .16);border-radius:24px;color:#fff;background:#3f348f;box-shadow:0 14px 32px rgb(0 0 0 / .24),0 1px 0 rgb(255 255 255 / .08) inset;text-decoration:none;transform:translateZ(0);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.program-card-image{position:absolute;z-index:1;top:0;right:0;left:0;display:block;width:100%;height:70%;object-fit:cover;object-position:50% 30%;transition:transform .4s ease}.apps-grid .program-card:nth-child(1) .program-card-image{object-position:50% 22%}.apps-grid .program-card:nth-child(2) .program-card-image{object-position:50% 22%}.apps-grid .program-card:nth-child(3) .program-card-image{object-position:50% 30%}.apps-grid .program-card:nth-child(4) .program-card-image{object-position:50% 24%}.apps-grid .program-card:nth-child(5) .program-card-image{object-position:50% 18%}.program-card-content{position:absolute;z-index:2;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;height:30%;overflow:hidden;padding:12px 16px;background:#3f348f;text-align:right;text-shadow:0 1px 3px rgb(0 0 0 / .28)}.apps-grid .program-card:nth-child(2) .program-card-content{background:#087f83}.apps-grid .program-card:nth-child(3) .program-card-content{background:#a95814}.apps-grid .program-card:nth-child(4) .program-card-content{background:#176348}.apps-grid .program-card:nth-child(5) .program-card-content{background:#174d78}.apps-grid .program-title{min-height:0;margin:0 0 4px;color:#fff;font-size:1.08rem;font-weight:900;line-height:1.32}.apps-grid .program-card:nth-child(2) .program-title{font-size:1rem}.apps-grid .program-desc{display:-webkit-box;min-height:3.1em;margin:0;overflow:hidden;color:rgb(255 255 255 / .78);font-size:.75rem;font-weight:700;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.apps-grid .program-card:focus-visible{outline:3px solid #f7c873;outline-offset:4px;border-color:rgb(247 200 115 / .78);box-shadow:0 20px 46px rgb(0 0 0 / .34),0 0 0 5px rgb(247 200 115 / .18)}@media (min-width:340px){.apps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.apps-grid .program-card{grid-column:span 2}.apps-grid .program-card:nth-child(5){grid-row:3;grid-column:2 / span 2}.program-card-image{height:68%}.program-card-content{height:32%;padding:4px 9px}.apps-grid .program-title{margin-bottom:2px;font-size:.8rem;line-height:1.3}.apps-grid .program-card:nth-child(2) .program-title{font-size:.75rem}.apps-grid .program-desc{min-height:2.9em;font-size:.59rem;line-height:1.45}}@media (min-width:760px){.apps-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.apps-grid .program-card{grid-column:span 2}.apps-grid .program-card:nth-child(4){grid-row:2;grid-column:2 / span 2}.apps-grid .program-card:nth-child(5){grid-row:2;grid-column:4 / span 2}.program-card-image{height:70%}.program-card-content{height:30%;padding:7px 12px}.apps-grid .program-title{margin-bottom:3px;font-size:.94rem}.apps-grid .program-card:nth-child(2) .program-title{font-size:.86rem}.apps-grid .program-desc{min-height:3.1em;font-size:.66rem;line-height:1.55}}@media (min-width:920px){.apps-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.apps-grid .program-card{grid-column:span 2}.apps-grid .program-card:nth-child(4){grid-row:auto;grid-column:span 2}.apps-grid .program-card:nth-child(5){grid-row:2;grid-column:4 / span 2}.program-card-content{padding:8px 14px}.apps-grid .program-title{font-size:1rem}.apps-grid .program-card:nth-child(2) .program-title{font-size:.92rem}.apps-grid .program-desc{font-size:.7rem}}@media (hover:hover) and (pointer:fine){.apps-grid .program-card:hover{border-color:rgb(255 255 255 / .26);box-shadow:0 24px 52px rgb(0 0 0 / .36),0 1px 0 rgb(255 255 255 / .1) inset;filter:none;transform:translateY(-5px)}.apps-grid .program-card:hover .program-card-image{transform:scale(1.018)}}@media (prefers-reduced-motion:reduce){.apps-grid .program-card,.program-card-image{transition:none}.apps-grid .program-card:hover,.apps-grid .program-card:active,.apps-grid .program-card:hover .program-card-image{transform:none}}