.apps-intro{max-width:640px;margin:0 auto 55px}.apps-grid{--bs-gutter-x:1.5rem}.app-card{--app-accent:var(--primary-color);border:1px solid var(--border-color);background:#ffffff05;border-radius:20px;flex-direction:column;gap:18px;height:100%;padding:30px;transition:border-color .3s,transform .3s,background .3s;display:flex}.app-card:hover{background:#ffffff0a;border-color:#c9f31d59;transform:translateY(-5px)}.app-card__top{align-items:flex-start;gap:18px;display:flex}.app-icon{object-fit:cover;border:1px solid var(--border-color);border-radius:16px;flex-shrink:0;width:64px;height:64px}.app-card__head{flex:1;min-width:0}.app-card__head h3{margin:0 0 6px;font-size:22px;line-height:1.2}.app-card__head h3 a{color:var(--heading-color)}.app-card__head h3 a:hover{color:var(--primary-color)}.app-meta{color:var(--base-color);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;display:flex}.app-meta .app-cat{align-items:center;gap:7px;display:inline-flex}.app-meta .app-cat:before{content:"";background:var(--app-accent);border-radius:50%;width:8px;height:8px}.app-meta .app-platform i{margin-right:5px}.app-status{border:1px solid var(--border-color);white-space:nowrap;border-radius:100px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:600}.app-status--available{color:var(--primary-color);background:#c9f31d14;border-color:#c9f31d4d}.app-status--coming-soon{color:var(--base-color);background:#ffffff0a}.app-desc{color:var(--base-color);flex:1;margin:0;font-size:15px;line-height:1.7}.app-card__actions{flex-wrap:wrap;align-items:center;gap:12px 22px;padding-top:4px;display:flex}.app-btn{color:var(--black-color);background:var(--primary-color);border-radius:100px;align-items:center;gap:9px;padding:11px 22px;font-size:14px;font-weight:600;transition:opacity .25s,transform .25s;display:inline-flex}.app-btn:hover{color:var(--black-color);opacity:.9;transform:translate(2px)}.app-card__links{flex-wrap:wrap;gap:16px;font-size:13px;display:inline-flex}.app-card__links a{color:var(--base-color)}.app-card__links a:hover{color:var(--primary-color)}.apps-empty{text-align:center;color:var(--base-color);padding:40px 0}@media (max-width:575px){.app-card{padding:24px}.app-card__top{flex-wrap:wrap}.app-status{order:3}}
