.cards-page{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;height:100%;padding:24px 16px;display:flex}.cards-wrapper{justify-content:center;width:100%;max-width:1000px;margin-top:24px;display:flex}.cards-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:14px;width:100%;display:grid}.card{color:#fff;cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:flex-start;min-height:160px;padding:22px;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s;display:flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 4px 12px #00000026}.card:hover{filter:brightness(1.05);transform:translateY(-3px);box-shadow:0 10px 22px #00000047}.card:active{filter:brightness(.97);transform:translateY(0);box-shadow:0 4px 10px #0003}.text-block{z-index:2;text-align:left;max-width:52%}.title{margin-bottom:12px;font-size:21px;font-weight:600;line-height:1.25}.subtitle{opacity:.8;font-size:16px}.image-area{width:50%;height:100%;position:absolute;top:0;right:0}.image{object-fit:cover;object-position:center}@media (max-width:900px){.title{font-size:18px}.subtitle{font-size:14px}}@media (max-width:650px){.cards-grid{grid-template-rows:none;grid-template-columns:1fr}.text-block{max-width:60%}.image-area{width:50%}}