.apps-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:64px;display:grid}.app-card{border:1px solid var(--border-color);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.app-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.app-card.coming-soon{opacity:.7}.app-card.coming-soon:hover{border-color:var(--border-color);transform:none}.app-header{border-bottom:1px solid var(--border-color);background:var(--hover-color);padding:16px 24px}.app-status{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;font-size:10px;font-weight:500;display:inline-flex}.app-status.live{color:#22c55e}.app-status.development{color:#f59e0b}.app-status.planning{color:#6b7280}.status-indicator{background:currentColor;border-radius:50%;width:6px;height:6px}.app-status.live .status-indicator{animation:2s infinite pulse}.app-info{flex-grow:1;padding:24px}.app-title{color:var(--accent-color);margin-bottom:12px;font-size:16px;font-weight:400}.app-description{opacity:.8;margin-bottom:20px;font-size:13px;line-height:1.5}.app-tech{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tech-tag{background:var(--hover-color);color:var(--text-color);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border-color);border-radius:2px;padding:4px 8px;font-size:10px}.app-actions{gap:12px;padding:0 24px 24px;display:flex}.app-button{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:var(--transition);border:1px solid var(--border-color);flex:1;justify-content:center;align-items:center;padding:10px 16px;font-family:inherit;font-size:11px;text-decoration:none;display:inline-flex}.app-button.primary{background:var(--accent-color);color:var(--bg-color);border-color:var(--accent-color)}.app-button.primary:hover{opacity:.9}.app-button.secondary{color:var(--text-color);background:0 0}.app-button.secondary:hover{background:var(--hover-color);border-color:var(--accent-color)}.app-button.disabled{color:var(--text-color);opacity:.5;cursor:not-allowed;background:0 0}.app-button.disabled:hover{border-color:var(--border-color);background:0 0}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.info-card{border:1px solid var(--border-color);padding:24px}.info-title{color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px}.info-description{opacity:.7;font-size:11px;line-height:1.4}@media (max-width:600px){.apps-grid{grid-template-columns:1fr}.app-actions{flex-direction:column}.app-button{flex:none}}
