.app-container{min-height:100vh}.app-main-content{max-width:1200px;margin:0 auto;padding:2rem 1rem}.app-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:3rem}.app-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:20vw;height:-webkit-fill-available;overflow:hidden;padding:2rem;border:1px solid var(--border-color);border-radius:1rem;background-color:var(--surface-primary);box-shadow:0 18px 40px var(--shadow-color);color:inherit;text-align:center;text-decoration:none;cursor:pointer;transition:all .3s ease}.app-card:hover{transform:translateY(-4px);background-color:var(--surface-secondary);box-shadow:0 24px 44px var(--shadow-color)}.app-card-disabled{opacity:.7;cursor:not-allowed}.app-card-disabled:hover{transform:none;background-color:var(--surface-primary);box-shadow:0 18px 40px var(--shadow-color)}.app-card-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:4px;border-radius:1rem;font-size:2.5rem;color:#fff}.app-card-icon i{display:block}.app-card-title{margin-bottom:0;color:var(--text-primary);font-size:1.5rem;font-weight:700}.app-card-description{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.5}.app-card-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;border-radius:9999px;background-color:#fbbf24;color:#111827;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}html.dark .app-card-disabled{opacity:.6}@media(max-width:768px){.app-main-content{padding:1.5rem 1rem}.app-grid{gap:4px}.app-card{width:calc(100vw / 3);padding:8px}.app-card-icon{width:60px;height:60px;margin-bottom:1rem;font-size:2rem}.app-card-title{font-size:1.25rem}.app-card-description{font-size:.875rem}}