.menu-grid{gap:14px}
.menu-card{position:relative;min-height:154px;padding:18px;border-color:#d6e1ed;background:linear-gradient(155deg,#fff 35%,#f7faff);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.menu-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 92% 5%,rgba(52,137,232,.08),transparent 38%);pointer-events:none}
.menu-card:active{transform:scale(.98)}
.module-icon{position:relative;width:52px;height:52px;margin:0 0 17px!important;border-radius:17px;display:grid!important;place-items:center;color:#fff;box-shadow:0 10px 24px rgba(7,27,53,.18)}
.module-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.module-icon-classify{background:linear-gradient(145deg,#2978d4,#1755a3)}
.module-icon-cause{background:linear-gradient(145deg,#7356dc,#4a31a7)}
.module-icon-question{background:linear-gradient(145deg,#0792a4,#006978)}
.module-icon-solution{background:linear-gradient(145deg,#21a868,#087944)}
.module-icon-exam{background:linear-gradient(145deg,#ff8b2c,#e55d0b)}
.menu-card strong{position:relative;font-size:16px;letter-spacing:-.01em}
.menu-card small{position:relative;font-size:12.5px;line-height:1.42}
.menu-card.wide{min-height:92px;padding:17px 20px;gap:17px;background:linear-gradient(120deg,#fff,#fff9f3)}
.menu-card.wide .module-icon{flex:0 0 54px;width:54px;height:54px;margin:0!important}
@media(hover:hover){.menu-card:hover{transform:translateY(-3px);border-color:#aac5e0;box-shadow:0 14px 32px rgba(7,27,53,.11)}}
@media(max-width:360px){.menu-card{min-height:118px}.module-icon{margin-bottom:12px!important}}