.student-clubs__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.student-club{background:#fff;border:1px solid #e3e7ee;border-radius:12px;flex-direction:column;min-width:0;transition:transform .32s,box-shadow .32s,border-color .32s;display:flex;overflow:hidden}.student-club:hover,.student-club:focus-within{border-color:#8b9098;transform:translateY(-3px);box-shadow:0 12px 26px #1926341a}.student-club__photo{aspect-ratio:4/3;background:#f1f5fa;overflow:hidden}.student-club__photo img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.student-club:hover .student-club__photo img,.student-club:focus-within .student-club__photo img{transform:scale(1.025)}.student-club__photo--illustration{background:#f6f8fc;padding:30px}.student-club__photo--illustration img{object-fit:contain}.student-club__type{color:#64748b;align-items:center;gap:7px;margin-bottom:10px;font-size:12px;font-weight:600;display:inline-flex}.student-club__type svg{opacity:.65;flex-shrink:0;width:16px;height:16px}.student-club__content{flex-direction:column;flex:1;align-items:flex-start;padding:26px;display:flex}.student-club__content h2{color:#1b1b1b;overflow-wrap:anywhere;margin:0 0 12px;font-size:24px;line-height:1.3}.student-club__content p{color:#626262;overflow-wrap:anywhere;margin:0 0 28px;font-size:15px;line-height:1.7}.student-club__about{color:#fff;background:#1f5ba8;border:1px solid #1f5ba8;border-radius:5px;justify-content:space-between;align-items:center;gap:18px;width:148px;min-height:44px;margin:auto 6px 6px;padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex;position:relative}.student-club__about:hover,.student-club__about:focus-visible{color:#fff;background:#17467f;text-decoration:none;transform:translateY(-2px)}.student-club__about:focus-visible{outline-offset:9px;outline:2px solid #1f5ba8}.student-club__arrow{flex-shrink:0;width:18px;height:18px;transition:transform .2s}.student-club__about:hover .student-club__arrow,.student-club__about:focus-visible .student-club__arrow{transform:translate(2px,-2px)}.student-clubs__state{background:#f7f9fc;border:1px solid #e3e7ee;border-radius:12px;grid-column:1/-1;padding:40px}.student-clubs__state h2{margin:0 0 12px;font-size:24px}.student-clubs__state p{color:#626262;max-width:650px;margin:0;line-height:1.7}.student-clubs__state button{color:#fff;cursor:pointer;background:#1f5ba8;border:1px solid #1f5ba8;border-radius:5px;margin-top:20px;padding:12px 18px}@media (width<=1000px){.student-clubs__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (width<=640px){.student-clubs__grid{grid-template-columns:minmax(0,1fr)}.student-club__content{padding:22px}.student-clubs__state{padding:24px}}@media (prefers-reduced-motion:reduce){.student-club,.student-club__photo img,.student-club__about,.student-club__border,.student-club__arrow{transition:none}.student-club:hover,.student-club:focus-within,.student-club:hover .student-club__photo img,.student-club:focus-within .student-club__photo img,.student-club__about:hover,.student-club__about:focus-visible,.student-club__about:hover .student-club__arrow,.student-club__about:focus-visible .student-club__arrow{transform:none}.student-club__about:hover rect,.student-club__about:focus-visible rect{animation:none}}
